圖片上傳外掛程式jquery.uploadify詳解_javascript技巧

1、js程式碼：

複製程式碼

複製程式碼

複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼🎜>

'buttonImg':'images/upload2.jpg',
'auto' : true, //選定檔案後是否自動上傳，預設false 'folder' : '/userphoto' , //要上傳到的伺服器路徑，預設'/' 'multi' : false, //是否允許同時上傳多文件，預設false 'fileDesc' : '圖片檔案' , //出現在上傳對話方塊中的檔案類型描述'fileExt' : '*.jpg;*.bmp;*.png;*.gif', //控制可上傳檔案的副檔名，啟用本項目時需同時宣告fileDesc 'sizeLimit': 86400, //控制上傳檔案的大小，單位byte

'onComplete': function(event,queueID,fileObj,response, data) {

$('#image').attr("src","userphoto/" response);

$('#image').show();

$('#photo').attr("value",response);

},

'onError' : function(event, queueID, fileObj)

{

alert("檔案: " fileObj.name " 上傳失敗");

}

});

});

 
2、注意事項

(1)、如果頁面沒有顯示「BROWSE」按鈕，則表示你的'uploader' : 'images/uploadify.swf'設定不對，檢查下路徑是否正確。 (2)、如果需要修改按鈕的圖片：可以使用'buttonImg'配置進行替換 (3)、上傳完成後，'onComplete'事件沒有觸發：在後台servlet處理完後，要向頁面輸出1，否則頁面的onComplete回 調函數不會執行。 response.getWriter().write(1); (4)、如果在後台servlet處理上傳將圖片的名稱改變的話，就不能透過fileObj取得它的值，而是要在後台servlet輸出新檔名：out.print(filename);在jsp頁面要對應使用response來獲得新值。 (5)、圖片預覽實作： 在jsp頁面中新增一個,當上傳完成後在onComplete事件中修改img的src值。 3、下載網址http://www.uploadify.com/download/