關於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。