1. 程式人生 > >jQuery uploadify3.2 屬性裡沒有cancelImg或cancelImage屬性

jQuery uploadify3.2 屬性裡沒有cancelImg或cancelImage屬性

關於jQuery uploadify外掛的參考資料中,都提到了cancelImg屬性或cancelImage屬性,但自己試過都不成功。看到網上一篇文章,提到uploadify3.2的更新比較多,以前版本的參考資料對不上。

我先看了uploadify.css檔案,看到.cancel這個class的background屬性的確包含了圖片樣式,我就在jquery.uploadify.min.js直接搜尋cancelimg,cancelimage,img,src這些詞,硬是沒找到相關的內容,後來搜尋cancel才找到這個方法的內容

複製程式碼
if(i.itemTemplate==false){i.itemTemplate='<div id="${fileID}" class="uploadify-queue-item"><div class="cancel"><a href="javascript:$(\'#${instanceID}\').uploadify(\'cancel\', \'${fileID}\')">X</a></div><span class="fileName">${fileName} (${fileSize})</span><span class="data"></span><div class="uploadify-progress"><div class="uploadify-progress-bar"><!--Progress Bar--></div></div></div>';}
複製程式碼   看起來,這個圖片樣式貌似是直接在CSS裡設定的。於是開啟uploadify.css檔案,直接修改了.uploadify-queue-item .cancel 這個class的background,改成這樣“background: url('cancelitem.gif') 0 0 no-repeat;”(因為cancelitem.gif與CSS樣式在同一個資料夾,所以這樣寫,如果不是同一個資料夾,你應該知道怎麼弄)。   取消圖示的樣式終於出來了!  


  切記uploadify3.2在uploadify()方法中寫cancelImage屬性或者cancelImg屬性沒有任何效果,要直接設定CSS。