2016-02-29 112 views
7

我已經下載最新版本here版本9.12.1的插件和依賴關係。我將下載的文件複製到我的wamp服務器中,並從localhost/jQuery-File-Upload-9.12.1/index.html中訪問它。blueimp jQuery-File-Upload在上載圖像後不顯示縮略圖

選擇圖像文件後,上傳前會顯示圖像預覽。但是一旦圖像上傳,縮略圖就不會顯示。

但是在檢查元素縮略圖的鏈接存在於圖像src中。

enter image description here

文件在服務器文件夾上傳並創建縮略圖。是越來越顯示

enter image description here

名稱和圖像的大小。 enter image description here

我在做什麼錯?

+0

,能不能請你分享檢查縮略圖的元素鏈接的路徑。並請驗證路徑圖像是否存在 –

+0

@AshokChitroda,我編輯了這個問題。 –

+1

如果我刪除.htaccess文件,那麼它的工作原理。爲什麼這樣? –

回答

0

使用骯髒的技巧製作...循環播放,直到圖像準備就緒,然後顯示預覽圖像。
請參閱jQuery: Check if image exists。在我來說,我的圖像標籤使用前面...

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

問題是寫入圖像是有點晚了比響應客戶。所以,這個圖像渲染爲html後出現404錯誤。但是當我檢查時圖像確實存在。如上面的代碼片段,我試圖在服務器成功創建映像後等待加載映像。我知道這不是一個好方法,但它有效。我相信這個錯誤不會發生在生產模式下,我正試圖修復在本地主機上運行。

0

根據您的問題和意見,檢查兩件事情:

首先,下載的縮略圖在開發商窗口的網絡標籤狀態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/