Užitečné tipy

10 způsobů, jak nahrát fotografii na internet a získat odkaz

Pin
Send
Share
Send
Send


PicShare.ru - rychlé, pohodlné a bezplatné hostování obrázků, fotografií, snímky obrazovky, tapety a další obrázky, které vám umožní nahrát obrázek, získat odkaz a zveřejnit ho na fórech, torrentech, sociálních sítích, blogech, chatech a také použít pro osobní účely. Bez rušivé reklamy bez povinné registrace, s možností vkládat obrázky do galerie a vytvářet osobní fotoalba. Chcete-li nahrát obrázek do hostování obrázků, můžete použít vícesměrové spouštění i odesílání podle adresy URL.

  • Přijatelné formáty obrázků: JPEG, GIF, PNG, BMP,
  • Maximální velikost jednoho obrázku je 30 megabajtů,
  • Skladovatelnost je neomezená.

Publikace

26.07.2019 Vlnitá krabice - vynikající obal pro každou příležitost
Snad jedním z nejlepších obalů pro přepravu zboží je vlnitá lepenková krabice. V tomto balíčku lze zabalit téměř všechny.

17.07.2019 Výherní automaty Vulcan Platinum - důležité vlastnosti a nuance
Hra v Platinum Volcano je vždy spousta pozitivních emocí, protože každý návštěvník získá přístup k nejmodernějším strojům.

Zdarma hosting obrázků

Free Image Hosting je podobný Imgur, ale s méně stylovým rozhraním a bez pohodlných hypertextových odkazů. Je třeba také poznamenat poměrně působivé množství reklamy na webu. Pokud vám to nevadí, nahrajte fotografie a sdílejte je i bez registrace.

Obrázky se na webu ukládají navždy. To platí také pro anonymní uživatele. K dispozici ke stažení GIF. Některé z nich mohou vypadat zdeformované, pokud jsou příliš velké.

Výhody:

  • rychlé načítání jednotlivých fotografií,
  • získání přímých odkazů na uložené materiály.

Maximální velikost souboru je 3000 Kb pro fotografii.

ImageVenue

ImageVenue podporuje odesílání fotografií ve formátu JPEG do 3 MB. Během nahrávání můžete také změnit velikost velkých fotografií. Kvalita obrazu a poměr stran jsou zachovány. Toto je vhodný nástroj pro ty, kteří používají nástěnky a sociální sítě. Použití je velmi snadné.

Pokud již znáte Reddit, pak pravděpodobně víte, že Imgur je oblíbený bezplatný hosting pro sociální sítě této komunity. Nemusíte ani vytvářet účet, stačí jít na web a nahrát fotografie.

Fotografie z vašeho počítače lze nahrát do Imguru pro sdílení na sociální síti. Za tímto účelem je vydána jedinečná adresa URL s odkazem na stažené soubory. Pokud používáte hosting z chytrého telefonu nebo tabletu, pro větší pohodlí nainstalujte mobilní aplikaci Imgur.

Fotografie a animace GIF se načítají rychle a snadno, bez ztráty kvality. Maximální velikost souboru je 20 MB pro všechny animované obrázky a 200 MB pro animované obrázky.

Fotky Google

Fotky Google jsou jednou z nejužitečnějších služeb, zejména díky dostupnosti automatického zálohování. Protože již pravděpodobně máte účet Google, nemělo by být používání služby problém.

Ke službě máte přístup na stránce photos.google.com nebo si jednoduše stáhněte bezplatnou aplikaci Fotky Google do svého telefonu. V druhém případě je možné automaticky nahrát všechny fotografie do služby, kterou pořídíte pomocí telefonu. Všechny jsou synchronizovány prostřednictvím účtu, po kterém je lze stáhnout již do počítače.

Fotky Google také umožňují upravovat obrázky, seskupovat je podle různých parametrů, sdílet je s ostatními lidmi (včetně těch, kteří nemají účet ve Fotkách Google). Čím déle tuto službu používáte, tím více se dozví o vašich preferencích, což vám umožní automaticky seskupovat obrázky způsobem, který je pro vás pohodlnější.

Výhody:

  • automatické zálohování
  • nakládání velkého množství materiálu,
  • ukládání fotografií ve vysokém rozlišení,
  • Pohodlná editace, vyhledávání a seskupování obrázků.

Maximální velikost souboru je neomezená. Tato služba umožňuje ukládat fotografie pořízené na fotoaparátech s rozlišením až 16 megapixelů. Rámcům pořízeným kamerami DSLR je přidělen omezený prostor. K dispozici je také stahování videa ve vysokém rozlišení 1080p.

Flickr je jedním z nejstarších a nejpopulárnějších webů provozujících fotografie, které dosud fungují. Je skvělý jak pro volné uložení obrázků, tak pro úpravy. Pomocí nástrojů můžete vylepšit své fotografie před jejich seskupením do alb a poté je sdílet s ostatními členy komunity Flickr.

Nastavení soukromí můžete nakonfigurovat, pokud potřebujete sdílet fotografie s vybraným publikem, máte také možnost nahrávat fotografie z různých zařízení.

Oficiální mobilní aplikace Flickr je jednou z hlavních výhod služby. K dispozici je také nástroj Flickr Uploader, který zálohuje fotografie z počítače, Apple iPhoto, Dropbox a dalších míst.

Výhody:

  • výhodná integrace se sociální sítí,
  • vysoce kvalitní mobilní aplikace
  • úpravy fotografií a tvorba alba.

Chcete-li, aby si ostatní lidé mohli stáhnout vaše fotografie, nezapomeňte je publikovat na základě licence Creative Commons. Maximální velikost úložiště je 1000 GB.

Stejně jako Flickr je 500px oblíbená sociální síť pro fotografy, kteří se chtějí podělit o své nejlepší záběry. Tato služba není úplně podobná některé z výše uvedených. Neexistují žádné přímé odkazy na uložené fotografie, ale je to skvělá volba pro fotografy, kteří chtějí předvést svou práci a možná z nich dokonce vydělat nějaké peníze.

Ti, kteří zvolí 500px, si mohou vytvořit osobní profil pro publikování svých fotografií. Premium uživatelé mají možnost vytvořit portfolio bez komentářů a hodnocení od uživatelů komunity. Pokud chcete fotografii zobrazit na webu, vložte kód s odkazem na stránku s uloženým souborem.

Výhody:

  • sociální síť s velkou komunitou fotografů,
  • licencování obrazů a možnost jejich prodeje.

Vzhledem k tomu, že 500 pixelů je více sociální síť než hosting fotografií, nemá služba na velikost nahraného souboru žádná omezení. Experimentálně bylo možné stanovit, že lze nahrát i velmi velké obrázky JPEG. Pro majitele běžných profilů existuje limit až 20 fotografií nahraných za týden. Toto omezení je odstraněno (a jsou poskytovány další funkce), pokud přepnete na prémiové uživatele a platíte 25 $ ročně.

Dropbox je bezplatná hostingová služba, kterou lze použít k ukládání materiálů ve zcela různých formátech. Tato služba umožňuje získat odkaz na samostatný soubor nebo celou složku pro výměnu dat s ostatními lidmi.

Dropbox má také mobilní aplikaci pro stahování, správu a sdílení všech souborů ze smartphonu nebo tabletu. Klepnutím na šipku vedle souboru ji zpřístupníte pro prohlížení offline. Toto je užitečná funkce, pokud nemáte přístup k internetu.

Výhody:

  • sdílení jednotlivých fotografií nebo celých složek.

Maximální velikost úložiště je 2 GB. Je možné získat další objem tím, že pozvete další lidi, aby se připojili k Dropboxu nebo přepnutím na placený tarif.

Obrázky

ImageShack má bezplatný 30denní zkušební a prémiový účet. Stojí za zmínku zajímavé rozhraní, které připomíná Pinterest. Službu můžete použít k nahrávání velkého počtu fotografií s vysokým rozlišením, vytváření alb, skupinových fotografií pomocí značek. K dispozici je také funkce pro vyhledávání fotografií jiných uživatelů.

Pokud nechcete, aby vaše fotografie byly viditelné pro ostatní uživatele, nastavte možnosti ochrany osobních údajů. ImageShack má několik mobilních aplikací. Tento software můžete použít k usnadnění stahování a sdílení fotografií. Maximální běžná kapacita úložiště je 10 GB měsíčně.

HTML značení

Stránka se skládá z oblasti přetažení a náhledu. Cílem je zachytit obrázky na ploše (nebo ve složce) a přetáhnout je do oblasti označené tečkovanou čarou na stránce, nebo pokud je vhodné kliknout na tlačítko „Vybrat soubory“ „staromódním způsobem“. Poté se vybrané snímky zobrazí v oblasti náhledu.

Aby bootloader fungoval, potřebujeme knihovnu jQuery, stejně jako skript a styly, které jsme vytvořili:

Jako vždy začneme HTML značení, zde není nic složitého:

V horní části stránky je oblast pro přetahování obrázků, označená přerušovanou čarou. Stejně jako tlačítko pro výběr souboru, pro které je pohodlnější. Událost ondragover funguje, zatímco je soubor přesunut přes oblast pro přetažení.

Dále se vytvoří oblast pro náhledy obrázků, jakož i tlačítka pro manipulaci a průběh nakládací lišty:

div id = "uploaded -holder">
div id = "dropped-files">

div id = "upload-button">
centrum>
span> 0 Soubory / span>
a href = "#" class = "upload"> Stáhnout / a>
a href = "#" class = "delete"> Odstranit / a>

div id = "načítání">
div id = "loading-bar">
div class = "loading-color"> / div>
/ div>
div id = "loading-content"> / div>
/ div>
/ centrum>
/ div>
/ div>
/ div>

Po nahrání vybraných obrázků se zobrazí seznam oznámení o dokončení stahování:

Vypadá to takto HTML značkování. Pokračujeme zpracováním událostí downloaderu obrázků.

Kde najdete obrázky pro web?

Obrázky pro bezplatné použití pro komerční a nekomerční účely lze získat zdarma a za peníze.

Zdarma zásoby

Fotografie zdarma jsou licencovány pod licencí CCO. Teď je jich spousta, některé z nich:

Placené foto banky

Platformy s placenými obrázky fungují ve dvou formátech: předplatné nebo „maloobchodní“ prodej jednotlivých obrázků. Obrázky se prodávají na základě standardní licence, která dává právo na použití ke komerčním účelům, včetně návrhu webových zdrojů.

Přímo u fotografů a grafiků

Práva na užívání hotových fotografií si můžete zakoupit z portfolia fotografů, nebo si můžete od nich objednat focení a písemně souhlasit s tím, že obrázky patří pouze vám a nemohou být publikovány nikým jiným. Grafičtí designéři také vytvářejí obrázky na míru.

  • Plusy: jedinečný ilustrativní materiál vytvořený podle vašich požadavků a parametrů.
  • Nevýhody: budete muset zaplatit více než za fotobanku. Kromě toho může být práce s nezávislými pracovníky v podmínkách nedostatku času časově náročná - musíte být v kontaktu, odpovídat na otázky, správné rozložení, schvalovat konečnou verzi. Pokud máte čas, pak toto mínus vypadne ze seznamu.

Vytvořte se

Pokud víte, jak pracovat ve známých grafických editorech (například v proslulém Photoshopu), můžete požadované obrázky vytvořit sami. Pokud víte, jak fotografovat a máte k tomu dobré vybavení, můžete fotografovat a retušovat.

Můžete také použít jednoduché online editory, které vám pomohou vytvářet ilustrace v různých formátech pro různé účely:

Zpracování událostí

Všechno to začíná funkcí $ (document) .ready (). Každá funkce uvnitř bude provedena, jakmile bude připraven strom DOM dokumentu:

Začněme deklarací globálních proměnných naší obsluhy:

// DataTransfer obsahuje obrázky, které jsou přetaženy do oblasti div
jQuery událost. rekvizity. push ('dataTransfer'),

// Maximální počet nahraných obrázků současně
var maxFiles = 6,

// Výchozí upozornění
var errMessage = 0,

// Tlačítko pro výběr souboru
var defaultUploadBtn = $ ('#uploadbtn'),

// Pole pro všechny obrázky
var dataArray = [],

// Area informator o nahraných obrázcích - skrytý
$ ('# uploaded-files'). skrýt (),

Když jsou deklarovány potřebné proměnné, můžete přistupovat k událostem, které se na stránce vyskytnou. Konkrétně, když uživatel přetáhne nebo vybere obrázek. Nejprve přetáhněte soubor:

Metoda .on připojí obslužný program události přetažení k bloku div (# drop-files). Pokud jde o funkci loadInView (soubory), více o ní níže. Pokud je počet vybraných souborů větší než maximální sada, zobrazí se varování a pole obrázku bude vymazáno.

Nyní událost při výběru souborů pomocí tlačítka:

// Když kliknete na tlačítko pro výběr souboru
defaultUploadBtn. on ('change', function () <
// Vyplňte pole vybranými obrázky
var soubory = $ (toto). soubory,
// Zkontrolujte maximální počet souborů
if (soubory. délka maxFiles) <
// Předejte pole se soubory do funkce stahování pro náhled
loadInView (soubory),
// Vymazání vstupního souboru resetováním formuláře
// Nebo jako tento $ ("# uploadbtn"). Nahraďte jej ($ ("# uploadbtn"). Val (''). Clone (true)),
$ ('#frm'). každý (funkce () <
toto. reset (),
> ) ,

> else <
alert ('Nemůžete nahrát více' + maxFiles + 'images!'),
soubory. délka = 0,
>
> ) ,

Je téměř totožný s výše uvedeným, ale událost změny.

Nyní můžeme přejít k popisu funkce loadInView (files). Vytvoření oblasti náhledu obrázku:

// Funkce načítání obrázků pro náhled
funkce loadInView (soubory) <
// Zobrazit oblast náhledu
$ ('# uploaded -holder'). show (),

// Pro každý soubor
$. každý (soubory, funkce (index, soubor) <

// Několik oznámení, když se pokoušíte nahrát obrázek bez obrázku
if (! files. type. match ('image. *')) <

if (errMessage == 0) <
$ ('# drop-files p'). html („Ahoj! pouze obrázky!“)
++ errMessage
>
jinak pokud (errMessage == 1) <
$ ('# drop-files p'). html ('Stop! Načítají se pouze obrázky!'),
++ errMessage
>
jinak pokud (errMessage == 2) <
$ ('# drop-files p'). html („Nelze číst? pouze obrázky!“),
++ errMessage
>
jinak pokud (errMessage == 3) <
$ ('# drop-files p'). html („Dobrá! Pokračujte v dobré práci“)
errMessage = 0,
>

// Zkontrolujte počet načtených položek
if ((dataArray. délka + soubory. délka) maxFiles) <
// zobrazit oblast pomocí tlačítek
$ ('# tlačítko pro upload'). css (<'display': 'block'>),
>
jinde

// Vytvořte novou instanci FileReader
var fileReader = new FileReader (),
// Spusťte funkci FileReader
fileReader. onload = (funkce (soubor) <

funkce návratu (e) <
// Vložte URI obrázku do pole
dataArray. push (<name: file. name, value: this. result>),
addImage ((dataArray. length - 1)),
> ,

>) (soubory),
// Přečtěte si obrázek pomocí URI
fileReader. readAsDataURL (soubor),
>
> ) ,
vrátit nepravdivé
>

U každého souboru v poli přenesených souborů proveďte následující akce. Nejprve zkontrolujte obrázek nebo ne. Pokud ne, zobrazíme varování. Pokud je přijatým souborem obrázek, znovu zkontrolujeme, zda je stažený soubor nadbytečný. Za tímto účelem přidáme tento soubor do existujícího počtu obrázků v poli a zkontrolujeme jej. Pokud je vše úspěšné, pak to přijde do hry API API souboru HTML5. Pomocí rozhraní FileReader provádíme čtení asynchronního souboru. Který je následně umístěn do pole dataArray.

K zobrazení obrázků, které jsou již umístěny do pole, použijeme funkci addImage () s parametrem aktuální index obrazu v poli.

Klíčem je zde metoda .append, která umožňuje vložit určený obsah do odpovídajícího prvku. V našem případě vložte miniaturu načteného obrázku do div (vynechané soubory). Skica je blok divkde id je rovno img-index obrazu v poli a stažený obrázek se použije jako pozadí. Stejně jako odkaz odstranit pouze tento obrázek z pole, jeho id je rovno drop-index obrázku v poli.

Protože jsme došli k odstranění určitého obrázku z pole, je vhodné analyzovat odpovídající funkci:

Pomocí voliče vyberte všechny prvky > pokles. Pak dostaneme hodnotu > rozdělena) na dvě části od symbolu pomlčky. Druhá (tj. Vpravo od pomlčky) část je index obrazu v poli. Dále pomocí metody sestřihu vymažte prvek (obrázek) v poli při zadaném indexu a odeberte všechny skici v metodě odebrání. div (vynechané soubory). Poté zavoláme funkci addImage (-1) se záporným číslem, to se provede tak, aby se všechny zbývající obrázky znovu zobrazily z pole v oblasti miniatur.

Funkce restartFiles nyní odstraní všechny obrázky najednou.

// Funkce pro smazání všech obrázků
funkce restartFiles () <

// Nastavte panel stahování na výchozí hodnotu
$ ('# loading-bar .loading-color'). css (<'width': '0%'>)),
$ ('#loading'). css (<'display': 'none'>),
$ ('# loading-content'). html (''),

// Vymazat všechny obrázky na stránce a skrýt tlačítka
$ ('# tlačítko pro upload'). skrýt (),
$ ('# dropped-files> .image'). remove (),
$ ('# uploaded -holder'). skrýt (),

// Vyčistěte pole
dataArray. délka = 0,

Zde je vše jednoduše srovnáváno s délkou dataArray na 0, čímž je vymaže.

A vyvolá se dvakrát stiskem tlačítka Odstranita podruhé po nahrání obrázků na server. První možnost:

A poslední událostí je nahrání obrázků na server.

// Nahrajte obrázky na server
$ ('# upload-button .upload'). klikněte (funkce () <

// Zobrazit ukazatel průběhu
$ ("#loading"). show (),
// proměnné pro lištu průběhu práce
var totalPercent = 100 / dataArray. délka
var x = 0,

$ ('# loading-content'). html ('Loaded' + dataArray. name),
// Pro každý soubor
$. každý (dataArray, funkce (index, soubor) <
// načíst stránku a předat hodnoty pomocí požadavku HTTP POST
$. post ('upload.php', dataArray, funkce (data) <

var fileName = dataArray. jméno,
++ x,

// Změna lišty načítání
$ ('# loading-bar .loading-color'). css (<'width': totalPercent * (x) + '%'>),
// Po dokončení stahování
if (totalPercent * (x) == 100) <
// Stahování dokončeno
$ ('# loading-content'). html („Stahování dokončeno!“),

// Vyvolejte funkci, chcete-li smazat všechny obrázky po uplynutí 1 sekundy
setTimeout (restartFiles, 1000),
// pokud načítání pokračuje
> jinak pokud (totalPercent * (x) 100) <
// Který soubor se načítá
$ ('# loading-content'). html ('Načítání' + fileName)
>

// Vytvořte seznam všech stažených obrázků
// data jsou vytvářena v upload.php
var dataSplit = data. split (':'),
if (dataSplit == 'úspěšně načten') <
$ ('# uploaded-files'). připojit ('+ dataSplit +' "> '+ fileName +' úspěšně načteno '),

> ) ,
> ) ,
// Zobrazí seznam stažených souborů
$ ('# uploaded-files'). show (),
vrátit nepravdivé
> ) ,

Stisknutím tlačítka Stáhnout отображается прогресс бар, чтобы следить за ходом загрузки изображений. Данные по каждому изображению из массива dataArray передаются в PHP сценарий (файл upload.php), который загружается с помощью HTTP POST запроса ( $.post ). Это упрощенная версия HTTP (Ajax) запроса $.ajax . Данный файл после выполнения возвращает некоторые данные. C помощью уже известного метода split , разбиваем полученную строку на части. И если во второй части нам встречается строка «загружен успешно», значит формируем элемент списка загруженных файлов (имя файла в виде ссылки на него). После того как массив закончился и элементы списка готовы показываем весь список.

Как выбрать размер изображения?

Картинки на веб-странице должно быть видно целиком — без прокручивания ползунков в какую бы то ни было сторону. Особенно это важно в эпоху mobile first, когда все больше людей посещают сайты с мобильных устройств.

Чтобы пользователь открыл страницу и сразу увидел изображение целиком, нужно заранее задать ей адекватные параметры и оптимизировать вес (а еще желательно внедрить адаптивный дизайн, который любят все — и поисковики, и пользователи).

Размер изображения

Každý má pro web vlastní ideální velikost obrázku. Za relativně univerzální však lze považovat rozlišení 900 x 700 pixelů nebo méně. To bude pro uživatele dostačující, aby viděl obrázek bez dalších manipulací, zatímco nezavře celou obrazovku nebo naopak ztratí z pohledu.

Pokud potřebujete vybrat obrázek pro dané místo na webu, můžete použít speciální rozšíření pro prohlížeče: například řádek Page Ruler vypočítá velikost prvků v pixelech.

Umístěte kurzor na požadovaný objekt a služba vypočítá jeho velikost

Váha fotografií a ilustrací

Čím těžší jsou ilustrace na webu, tím pomaleji se načte. Pokud je web načten po dlouhou dobu, pak si to uživatelé i vyhledávací roboti všimnou: faktory chování se zhoršují a pozice klesají. Proto je součástí propagace vyhledávání také optimalizace obrázků pro web a kontrola pomocí nástrojů ke kontrole rychlosti stahování.

Chcete-li snížit hmotnost fotografií a obrázků, existují online služby, jako je Optimizilla: musíte tam nahrát obrázek a počkat, až jej program „komprimuje“. Poté lze kvalitu upravit pomocí posuvníků vpravo:

V závislosti na prahu hmotnosti obrázku můžete zvýšit nebo snížit kvalitu

Kolik by měl jeden obrázek zvážit, je vždy stanoveno zvlášť pro každou stránku: existují zdroje, kde musíte zanedbat kvalitu pro rychlejší načítání, ale někde naopak. Čím méně obrázek váží, tím lepší, ale bez zjevného poškození jeho vzhledu.

Php stáhnout skript

Posledním krokem je nahrání obrázku do složky na serveru. Citováno PHP skript dostatečně jednoduché, pokud chcete, můžete na to „přišroubovat“ něco jiného.

// Všechny stažené soubory jsou umístěny do této složky
$ uploaddir = 'images /',

// Získejte potřebná data
$ file = $ _POST,
$ name = $ _POST,

// Získat příponu souboru
$ getMime = explodovat ('.', $ name),
$ mime = end ($ getMime),

// Vyberte data
$ data = explodovat (',', $ file),

// Dekódujte data kódovaná algoritmem base64 MIME
$ encodedData = str_replace ('', '+', $ data),
$ decodedData = base64_decode ($ encodedData),

// Můžete použít daný název souboru nebo vytvořit libovolný název.
// Vytvoříme libovolné jméno!
$ randomName = subst_replace (sha1 (microtime (true)), '', 12). '.' . $ mime

// Vytvoření obrazu na serveru
if (file_put_contents ($ uploaddir. $ randomName, $ decodedData)) <
echo $ randomName. ": úspěšně načteno",
>
jinde <
// Pokud se něco pokazí, zobrazí se chybová zpráva.
echo „Něco se pokazilo. Ujistěte se, že soubor není poškozen!“ ,
>
?>

Z pole Příspěvek načteno URI obrazová data (název a řetězec znaků identifikující obraz). Poté získáme z názvu obrazu jeho příponu a vytvoříme libovolný název pro obrázek vytvořený na serveru. A řetězec znaků identifikující obraz je dekódován. Dále funkce file_put_contents (je konzistentní s úspěšnými voláními funkcí fopen (), fwrite () a fclose ()) vytvoří na serveru v zadané složce obraz.

Tento skript vrací řetězec s novým názvem obrazu a vysvětlení úspěchu úspěšně načten. Těsně nad tímto řádkem (datová proměnná) jsme provedli manipulace v poslední události.

Nezapomeňte, že musíte vytvořit složku, do které jsou obrázky umístěny ručně.

Styly CSS Nebudeme se rozebírat, protože nehrají zvláštní roli, ale bez nich je to stále nemožné 🙂 Proto je lepší stahovat ZDROJE a vypořádat se se styly sami (soubor style.css).

To je vše. Stahovač obrázků na serveru s náhledem je připraven. Pokud máte nějaké dotazy, zanechte komentáře.

Sčítání

V tomto dodatku budu psát o tom, jak můžete ukládat obrázky do databáze MySQL, přesněji budeme ukládat pouze název adresáře a název souboru. Toto je pravděpodobně nejběžnější metoda, protože kdykoli můžete změnit umístění obrázků. Pro ukládání do databáze byste měli vytvořit samostatnou tabulku, nazvat ji obrázky a přidat 4 pole:


A poskytneme následující strukturu tabulky, kde id je primární klíč s automatickým doplňováním:



Také jsem se rozhodl přidat datum nahrání souboru, může to být nutné při třídění atd.

Tabulka je připravena, připravíme skript pro zadávání dat na obrázky. Umístíme jej do stejného souboru jako upload na server upload.php. Na začátku souboru přidejte připojovací řetězec k serveru a vyberte databázi:

V souvislosti s tím si myslím, že by neměly vzniknout potíže 🙂

Nyní zbývá zapsat data do tabulky obrázků:

A tento řádek přidejte ihned po nahrání souboru na server. po těchto malých manipulacích bude soubor upload.php vypadat takto:

// Vytvoření připojení k serveru
$ db = mysql_connect ("servername", "user", "password"),
// Vyberte DB
mysql_select_db ("dbname", $ db),

// Všechny stažené soubory jsou umístěny do této složky
$ uploaddir = 'images /',

// Získejte potřebná data
$ file = $ _POST,
$ name = $ _POST,

// Získat příponu souboru
$ getMime = explodovat ('.', $ name),
$ mime = end ($ getMime),

// Vyberte data
$ data = explodovat (',', $ file),

// Dekódujte data kódovaná algoritmem base64 MIME
$ encodedData = str_replace ('', '+', $ data),
$ decodedData = base64_decode ($ encodedData),

// Můžete použít daný název souboru nebo vytvořit libovolný název.
// Vytvoříme libovolné jméno!
$ randomName = subst_replace (sha1 (microtime (true)), '', 12). '.' . $ mime

// Vytvoření obrazu na serveru
if (file_put_contents ($ uploaddir. $ randomName, $ decodedData)) <
// Zápis obrazových dat do databáze
mysql_query ("INSERT INTO images (date, catalogue, filename) HODNOTY (NOW (), '$ uploaddir', '$ randomName')"),
echo $ randomName. ": úspěšně načteno",
>
jinde <
// Pokud se něco pokazí, zobrazí se chybová zpráva.
echo „Něco se pokazilo. Ujistěte se, že soubor není poškozen!“ ,
>

A nyní, za co byla zahájena DB. Zobrazte stránku obrázku, abych tak řekl nejjednodušší galerii. Vytvořte soubor gallery.php a umístěte jej na stejné místo jako upload.php. Na začátku souboru se také připojíme k serveru a vybereme databázi a do těla dokumentu přidáme následující kód:

Informace na vyžádání nelze získat, v tabulce nejsou žádné položky.

Aby se obrázky zobrazovaly v řetězci po třech kusech, umístíme výstupní cyklus do bloku div o šířce 900 pixelů a přiřazíme obrazům relativní umístění a zarovnání doleva:

Poznámky:
1. Při stahování souborů se používá přenos dat pomocí metody post, takže byste měli věnovat pozornost směrnici php.ini - post_max_size, která odpovídá za maximální velikost přenášených dat.
2. Poznámka od Fidana Gazimova: při použití bezpečnostní opravy - Suhosin, musíte zakázat kontrolu délky získávání a odesílání žádostí v souboru suhosin.ini (v souboru Debian je /etc/php5/conf.d/suhosin.ini):

  • suhosin.get.max_value_length = off
  • suhosin.post.max_value_length = off
  • suhosin.request.max_value_length = off

Chcete-li zůstat v obraze s nejnovějšími články a lekcemi, přihlaste se k odběru stránky VK nebo přidejte do kruhů na Google+. Děkuji!

Chcete-li zůstat v obraze s nejnovějšími články a lekcemi, přihlaste se k odběru týdenního zpravodaje nebo RSS kanálu. Děkuji!

Jak vybrat obrázky pro web a vytvořit si svůj vlastní styl: tipy

  1. Rozhodněte se o účelu vašeho webu: co přesně dává nebo by měl dávat návštěvníkům. Na základě toho vyberte také obrázky - měly by tvořit plnohodnotnou představu o vašich službách nebo produktech. Například fotografie sportovního oblečení by měly ukazovat, jak je vhodný pro sport, a ilustrace článků na pečícím blogu by měly vzbudit chuť k jídlu.

Fotografie dortů z webových stránek pekárny Khlebnitsa jsou vyrobeny v teplých barvách - to evokuje příjemné asociace

  1. Přidejte firemní barevné prvky. I mezi obrázky zdarma pro web najdete obrázky vhodných barev. A pokud si obrázky sami vytvoříte, můžete nastavit vlastní akcenty.

Firemní barva SEO.RU je zelená a snažíme se ji použít také při psaní článků v blogu

  1. Zkuste být originální. Pokud pro web používáte veřejně dostupné bezplatné obrázky, proveďte neobvyklý retuš pomocí speciálních aplikací nebo vlastního rámování. Pokud si vytvoříte svůj vlastní ilustrativní materiál, pak existuje více prostoru pro představivost, takže si můžete vyvinout své vlastní metody zpracování.

Na webových stránkách vzdělávací platformy „Teorie a praxe“ se náhled jednoho z článků skládá ze dvou fotografií - přitahuje pozornost kontrastem a světlým designem

  1. Experimentujte se spoustou textu a obrázků - uživatelům se tyto obrázky moc líbí, takže dostanou sociální odpověď.

Takto infografika funguje - příklad z webu NASA Jet Propulsion Laboratory

  1. 5. Projděte si další blogy a portály, prostudujte si jejich ilustrativní komponentu. Prostě ne plagiujte, ale kombinujte nápady a metody zpracování, doplňujte podrobnosti a analyzujte trendy.

Obrázky pro web - výkonný nástroj k přilákání a udržení pozornosti. S ním můžete výrazně zlepšit kvalitu obsahu a získat návratnost ve formě zvýšeného provozu a nových uživatelů.

Pin
Send
Share
Send
Send