ajax圖片上傳（ajaxfileupload.js外掛程式）

標籤：pre   electron   alert   響應   error   change   image   圖片   nic   

向後台互動方式：

　　1.form表單提交，action=“url”

　　2.ajax非同步提交

區別：　　

　　form在提交之後無法獲得背景回調參數，只能由後台工作人員控制提交成功之後的路徑跳轉；優點是可以直接提交檔案，如：圖片、txt檔案等；

　　ajax很好的處理字元格式設定的提交並擷取提交成功之後的回調參數，但是無法提交圖片。

　　ajax提交圖片只能把圖片格式轉化為進位流模式

解決方式：

1 <script type="text/javascript" src="jquery.js"></script>2 <script type="text/javascript" src="ajaxfileupload.js"></script>

html:

1  <img alt="" id="businessLicenceuploadImage" src="" style="width:150px;height: 160px;">2  <input type="file" id="businessLicenceImage" name="files" class="file" onChange="ajaxFileUploads(‘businessLicenceImage‘,‘businessLicenceuploadImage‘,‘businessLicenceNumberElectronic‘);"/></a>3  <input type="hidden" class="text w200" name="businessLicenceNumberElectronic" id="businessLicenceNumberElectronic"/>4                                          

js:

 1                 function ajaxFileUploads(myBlogImage,imgId,img){ 2                     $.ajaxFileUpload({ 3                         url: ‘‘, 4                         secureuri:false,                      //是否啟用安全提交,預設為false 5                         fileElementId:myBlogImage,           //檔案選擇框的id屬性 6                         dataType:‘json‘,                       //伺服器返回的格式,可以是json或xml等 7                         fileSize:5120000, 8                         allowType:‘jpg,jpeg,png,JPG,JPEG,PNG‘, 9                         success:function(data, status){        //伺服器響應成功時的處理函數10                             if( true == data.success){     //0表示上傳成功(後跟上傳後的檔案路徑),1表示失敗(後跟失敗描述)11                                 $("img[id=‘"+imgId+"‘]").attr("src", "${imgServer}"+data.result);12                                 $("#"+img).val(data.result);13                                 alert(‘圖片上傳成功‘);14                             }15                         },16                         error:function(data, status, e){ //伺服器響應失敗時的處理函數17     　　　　　　　　　　　　　　　　alert(e);18                         }19                     });20                 }    

 

ajax圖片上傳（ajaxfileupload.js外掛程式）