H5的FormData對象完成ajax上傳文件multiFile


        最近工作中需要完成,ajax上傳圖片,可是input file +ajax是無法完成的;

        於是尋找了許久,發現了H5 的一個對象FormData

        使用方法如下:

        HTML:

1 <form id="myForm" enctype="multipart/form-data">
2        <input type="hidden" name="name"  value="馬三" />
3        <input type="hidden" name="age"  value="25" />
4        <input type="file"      name="myfile"   />
5 </form>

      ajax:

var data = new FormData($('#myForm')[0]);
$("#myForm").ajaxForm({
         type:"post",
         url:url,
         data:data,
         success:function(data){
                console.log("SUCCESS");
         },
         error:function(){
                console.log("Failed");
         }
})        

        注意事項:1.上傳文件請在form增加屬性 enctype="multipart/form-data",form表單默認編碼不允許上傳文件,增加此屬性才行。

        


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM