blueimp jQuery-Datei-Hochladen Anzeige Thumbnail nicht nach Hochladen des Bildes

I neueste Plugin und Abhängigkeiten von here Version 9.12.1 heruntergeladen haben. Ich habe die heruntergeladenen Dateien in meinen WAMP-Server kopiert und von localhost/jQuery-File-Upload-9.12.1/index.html zugegriffen.blueimp jQuery-Datei-Hochladen Anzeige Thumbnail nicht nach Hochladen des Bildes

Nach Auswahl der Bilddatei wird vor dem Hochladen eine Vorschau des Bildes angezeigt. Aber sobald das Bild hochgeladen ist, wird das Vorschaubild nicht angezeigt.

Jedoch in Inspizieren Element der Link der Miniaturansicht ist in Bild src vorhanden.

Datei wird in Server-Ordner und Thumbnail hochgeladen erstellt.

Name und Größe des Bildes angezeigt zu werden.

Was mache ich falsch?

Quelle

2016-02-29 Pradip Shenolkar

Bitte, Können Sie Pfad teilen Element Link von Miniatur inspizieren. und überprüfen Sie bitte mit Pfadbild ist dort oder nicht –

@AshokChitroda, ich habe die Frage bearbeitet. –

Wenn ich .htaccess Datei lösche, dann funktioniert es. Wieso ist es so ? –

Mit schmutzigen Tricks machen ... Schleife, bis das Bild fertig ist, bevor Vorschaubild angezeigt wird.
Siehe jQuery: Check if image exists. In meinem Fall verwende ich vor dem Bild-Tag als ...

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

Das Problem schreibt Bild ist ein wenig zu spät, als Antwort auf Client. Also, 404 Fehler für dieses Bild nach dem Rendern in HTML. Aber Bild ist tatsächlich vorhanden, als ich überprüfte. Wie oben erwähnt, versuche ich auf das Laden des Bildes zu warten, nachdem der Server das Bild erfolgreich erstellt hat. Ich weiß, es ist kein guter Weg, aber es funktioniert. Ich glaube, dass dieser Fehler im Produktionsmodus nicht auftreten wird, und ich versuche, für das Ausführen bei localhost zu beheben.

Quelle

2016-03-03 14:25:09 Cataclysm

Wie pro Ihre Frage und Kommentare, für zwei Dinge prüfen:

Zuerst heruntergeladen das Thumbnail-Bild hat den Status 200 oder 404 in Netzwerk Registerkarte Entwickler Fenster. Wenn es 200 ist, ist das Problem etwas anderes.

Wenn es 404: Check in Ihrer .htaccess Datei für diesen Inhalt:

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

Die obigen Zeilen sagen dem Apache Web Server alle Links zu blockieren '.gif',‘.jpg 'und' .css 'Dateien, die nicht vom Domain-Namen ' http://www.yourdomain.com/ 'stammen. Vor dem Hochladen der .htaccess-Datei sicherstellen, dass Sie "yourdomain.com" durch die entsprechende Website Adresse ersetzen.

Überprüfen Sie, ob die URL in .htaccess ordnungsgemäß auf Ihre Domäne (d. H. Localhost) eingestellt ist.

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

Quelle

2016-03-09 07:50:49 Savaratkar

blueimp jQuery-Datei-Hochladen Anzeige Thumbnail nicht nach Hochladen des Bildes

Antwort

Verwandte Themen