1、js代碼：

復(fù)制代碼 代碼如下:

<script type="text/javascript">
$(document).ready(function() {
$('#fileInput').uploadify({
//以下參數(shù)均是可選
'uploader' : '<%=basePath%>images/uploadify.swf', //指定上傳控件的主體文件，默認(rèn)‘uploader.swf'
'script' : '<%=basePath%>UploadServlet', //指定服務(wù)器端上傳處理文件，默認(rèn)‘upload.php'
'cancelImg' : '<%=basePath%>images/cancel.png', //指定取消上傳的圖片，默認(rèn)‘cancel.png'
'buttonImg':'<%=basePath%>images/upload2.jpg',
'auto' : true, //選定文件后是否自動(dòng)上傳，默認(rèn)false
'folder' : '/userphoto' , //要上傳到的服務(wù)器路徑，默認(rèn)‘/'
'multi' : false, //是否允許同時(shí)上傳多文件，默認(rèn)false
'fileDesc' : '圖片文件' , //出現(xiàn)在上傳對(duì)話框中的文件類型描述
'fileExt' : '*.jpg;*.bmp;*.png;*.gif', //控制可上傳文件的擴(kuò)展名，啟用本項(xiàng)時(shí)需同時(shí)聲明fileDesc
'sizeLimit': 86400, //控制上傳文件的大小，單位byte
'onComplete': function(event,queueID,fileObj,response,data) {
$('#image').attr("src","<%=basePath%>userphoto/"+response);
$('#image').show();
$('#photo').attr("value",response);
},
'onError' : function(event, queueID, fileObj)
{
alert("文件:" + fileObj.name + " 上傳失敗");
}
});
});
</script>
 

(1)、如果頁(yè)面沒(méi)有顯示“BROWSE”按鈕，則說(shuō)明你的'uploader' : '<%=basePath%>images/uploadify.swf'配置不對(duì)，檢查下路徑是否正確。

(2)、如果需要修改按鈕的圖片：可以使用'buttonImg'配置進(jìn)行替換

(3)、上傳完成后，'onComplete'事件沒(méi)有觸發(fā)：在后臺(tái)servlet處理完后，要向頁(yè)面輸出1，否則頁(yè)面的onComplete回 調(diào)函數(shù)不會(huì)執(zhí)行。response.getWriter().write(1);

(4)、如果在后臺(tái)servlet處理上傳將圖片的名稱改變的話，就不能通過(guò)fileObj獲得它的值，而是要在后臺(tái)servlet輸出新文件 名：out.print(filename);在jsp頁(yè)面要相應(yīng)使用response來(lái)獲得新值。

(5)、圖片預(yù)覽實(shí)現(xiàn)：

在jsp頁(yè)面中添加一個(gè)<img src=""></img>,當(dāng)上傳完成后在onComplete事件中修改img的src值。

3、下載地址