blueimp jQuery-File-Upload non visualizza miniature dopo il caricamento dell'immagine

Question

Ho scaricato il plug-in e le versioni here versione 9.12.1. Ho copiato i file scaricati nel mio server Wamp e l'ho acceduto da localhost/jQuery-File-Upload-9.12.1/index.html.

Dopo aver selezionato il file immagine, viene visualizzata un'anteprima dell'immagine prima del caricamento. Ma una volta che l'immagine è stata caricata, la miniatura non viene visualizzata.

Tuttavia in Ispeziona elemento il collegamento dell'anteprima è presente nell'immagine src.

file è caricato nella cartella del server e si crea miniature. sta ottenendo visualizzati

nome e la dimensione dell'immagine.

Cosa sto sbagliando?

Answer 1

Fare trucchi sporchi ... fare un ciclo finché l'immagine non è pronta prima di mostrare l'immagine di anteprima.
Vedere jQuery: Check if image exists. Nel mio caso io uso prima del tag di immagine con nome ...

immagine

  while(urlExists(file.path) != 200) { 
        console.log("still loading image"); 
      } 
      <img src="=file.path" width="100px"> 

Il problema sta scrivendo è un po 'in ritardo rispetto risposta al cliente. Quindi, errore 404 per questa immagine dopo il rendering in html. Ma l'immagine è effettivamente esistente quando ho controllato. Come sopra snippet, sto cercando di aspettare il caricamento dell'immagine dopo che il server ha creato correttamente l'immagine. So che non è un buon modo, ma funziona. Credo che questo errore non si verifichi in modalità produzione e sto cercando di risolvere per l'esecuzione in localhost.

Answer 2

Secondo la vostra domanda e commenti, verificare la presenza di due cose:

In primo luogo, l'immagine di anteprima scaricato ha lo status di 200 o 404 nella scheda Rete della finestra di sviluppatore. Se il suo 200, problema è qualcos'altro.

Se si tratta di 404: Verificare nel file .htaccess per questo contenuto:

RewriteEngine on 
RewriteCond %{HTTP_REFERER} !^$ 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?yourdomain.com/.*$ [NC] 
RewriteRule \.(gif|jpg|css)$ - [F] 

Le righe qui sopra raccontano il server Web Apache per bloccare tutti i link a '.gif',' .jpg 'e' .css 'file che non provengono dal nome di dominio ' http://www.yourdomain.com/ '. Prima di caricare il tuo file .htaccess, , assicurati di sostituire "tuodominio.com" con l'indirizzo del sito web appropriato .

Verificare se l'URL in .htaccess è impostato correttamente sul dominio (ad esempio, localhost).

Riferimento: http://www.htaccess-guide.com/hot-link-prevention-techniques/