我已經下載最新版本here版本9.12.1的插件和依賴關係。我將下載的文件複製到我的wamp服務器中,並從localhost/jQuery-File-Upload-9.12.1/index.html中訪問它。blueimp jQuery-File-Upload在上載圖像後不顯示縮略圖
選擇圖像文件後,上傳前會顯示圖像預覽。但是一旦圖像上傳,縮略圖就不會顯示。
但是在檢查元素縮略圖的鏈接存在於圖像src中。
文件在服務器文件夾上傳並創建縮略圖。是越來越顯示
我在做什麼錯?
我已經下載最新版本here版本9.12.1的插件和依賴關係。我將下載的文件複製到我的wamp服務器中,並從localhost/jQuery-File-Upload-9.12.1/index.html中訪問它。blueimp jQuery-File-Upload在上載圖像後不顯示縮略圖
選擇圖像文件後,上傳前會顯示圖像預覽。但是一旦圖像上傳,縮略圖就不會顯示。
但是在檢查元素縮略圖的鏈接存在於圖像src中。
文件在服務器文件夾上傳並創建縮略圖。是越來越顯示
我在做什麼錯?
使用骯髒的技巧製作...循環播放,直到圖像準備就緒,然後顯示預覽圖像。
請參閱jQuery: Check if image exists。在我來說,我的圖像標籤使用前面...
while(urlExists(file.path) != 200) {
console.log("still loading image");
}
<img src="=file.path" width="100px">
問題是寫入圖像是有點晚了比響應客戶。所以,這個圖像渲染爲html後出現404錯誤。但是當我檢查時圖像確實存在。如上面的代碼片段,我試圖在服務器成功創建映像後等待加載映像。我知道這不是一個好方法,但它有效。我相信這個錯誤不會發生在生產模式下,我正試圖修復在本地主機上運行。
根據您的問題和意見,檢查兩件事情:
首先,下載的縮略圖在開發商窗口的網絡標籤狀態200或404。如果它的200,問題是別的。
如果是404: 入住的.htaccess
文件內容如下所示:
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?yourdomain.com/.*$ [NC]
RewriteRule \.(gif|jpg|css)$ - [F]
上面的線條訴說着Apache Web服務器以阻止所有鏈接 '.gif注意',」 .JPG '和'.css'文件,這些文件不是來自域名 'http://www.yourdomain.com/'。在上傳您的.htaccess文件 之前,請確保您將「yourdomain.com」替換爲相應的網址 地址。
查看.htaccess中的網址是否已正確設置到您的網域(即本地主機)。
參考:http://www.htaccess-guide.com/hot-link-prevention-techniques/
,能不能請你分享檢查縮略圖的元素鏈接的路徑。並請驗證路徑圖像是否存在 –
@AshokChitroda,我編輯了這個問題。 –
如果我刪除.htaccess文件,那麼它的工作原理。爲什麼這樣? –