圖片上傳插件jquery.uploadify詳解
更新時間：2013年11月15日 09:36:41 作者：
如果頁面沒有顯示“BROWSE”按鈕，則說明你的'uploader' : '<%=basePath%>images/uploadify.swf'配置不對，檢查下路徑是否正確
1、js代碼：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function() {
$('#fileInput').uploadify({
//以下參數(shù)均是可選
'uploader' : '<%=basePath%>images/uploadify.swf', //指定上傳控件的主體文件，默認‘uploader.swf'
'script' : '<%=basePath%>UploadServlet', //指定服務(wù)器端上傳處理文件，默認‘upload.php'
'cancelImg' : '<%=basePath%>images/cancel.png', //指定取消上傳的圖片，默認‘cancel.png'
'buttonImg':'<%=basePath%>images/upload2.jpg',
'auto' : true, //選定文件后是否自動上傳，默認false
'folder' : '/userphoto' , //要上傳到的服務(wù)器路徑，默認‘/'
'multi' : false, //是否允許同時上傳多文件，默認false
'fileDesc' : '圖片文件' , //出現(xiàn)在上傳對話框中的文件類型描述
'fileExt' : '*.jpg;*.bmp;*.png;*.gif', //控制可上傳文件的擴展名，啟用本項時需同時聲明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>
2、注意事項
(1)、如果頁面沒有顯示“BROWSE”按鈕，則說明你的'uploader' : '<%=basePath%>images/uploadify.swf'配置不對，檢查下路徑是否正確。
(2)、如果需要修改按鈕的圖片：可以使用'buttonImg'配置進行替換
(3)、上傳完成后，'onComplete'事件沒有觸發(fā)：在后臺servlet處理完后，要向頁面輸出1，否則頁面的onComplete回 調(diào)函數(shù)不會執(zhí)行。response.getWriter().write(1);
(4)、如果在后臺servlet處理上傳將圖片的名稱改變的話，就不能通過fileObj獲得它的值，而是要在后臺servlet輸出新文件 名：out.print(filename);在jsp頁面要相應(yīng)使用response來獲得新值。
(5)、圖片預(yù)覽實現(xiàn)：
在jsp頁面中添加一個<img src=""></img>,當(dāng)上傳完成后在onComplete事件中修改img的src值。
相關(guān)文章
javascript實現(xiàn)獲取瀏覽器版本、操作系統(tǒng)類型
這篇文章主要給大家分享一段javascript實現(xiàn)獲取瀏覽器版本、操作系統(tǒng)類型的封裝好的代碼，使用非常方便，也很實用，推薦給大家。2015-01-01
字體可以調(diào)節(jié)大小，極大了滿足了用戶體驗度，接下來通過本文給大家介紹JavaScript實現(xiàn)點擊按鈕字體放大、縮小實例代碼，需要的朋友參考下吧2016-02-02
深入淺析JS Function()構(gòu)造函數(shù)
這篇文章給大家介紹了js function()構(gòu)造函數(shù)的知識以及關(guān)于function()構(gòu)造函數(shù)需要注意的幾個要點，本文介紹的非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧2016-08-08
考慮到 JS 中的錯誤可比服務(wù)器端的代碼產(chǎn)生的錯誤要多得多，并且還難以發(fā)現(xiàn)及修正，所以 JS 代碼必須有異常處理以及全局一場處理。2015-06-06
嘗試了好多種css屬性，總是無法達成目標(biāo)。主要就是height這個屬性，100%，對于ff似乎并不起什么作用，既然我將其父容器的高度也設(shè)置為100%，依然沒有效果。這樣的話，就無法顯示出平鋪的背景，想法也得不到實現(xiàn)。2008-11-11
可滾動跟隨彈出框效果代碼,非常實用的應(yīng)用于網(wǎng)絡(luò)廣告2008-09-09
HTTP Response Splitting 攻擊主要說明的是兩個問題2008-12-12
利用javascript如何隨機生成一定位數(shù)的密碼
這篇文章主要給大家介紹了關(guān)于利用javascript如何隨機生成一定位數(shù)的密碼的相關(guān)資料，文中給出了詳細的示例代碼，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
這篇文章介紹了判斷計算字符串長度/判斷空的簡單方法，有需要的朋友可以參考一下2013-08-08
這篇文章主要為大家詳細介紹了layer實現(xiàn)彈窗提交信息的相關(guān)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12