Jquery不使用form表單異步上傳文件的方法

原文鏈接：https://blog.csdn.net/u014762625/article/details/80827112

現在的項目中需要使用到不刷新頁面的方式實現上傳文件，實現方法如下：

html代碼：

文件:<input id="file" type="file" name="file"/>  
<button id="upload">上傳文件</button>  
js代碼：

 $(function () {  
        $("#upload").click(function(){
            var formData = new FormData();
            formData.append('file', $('#file')[0].files[0]);  
 
            $.ajax({
                url: "http://127.0.0.1:8081/uploadFile/addUploadFileUrl",
                type: "POST",
                data: formData,
                /**
                *必須false纔會自動加上正確的Content-Type
                */
                contentType: false,
                /**
                * 必須false纔會避開jQuery對 formdata 的默認處理
                * XMLHttpRequest會對 formdata 進行正確的處理
                */
                processData: false,
                success: function (data) {
                    alert("success");
       
                },
                error: function () {
                    alert("上傳失敗！");
 
                }
            });    
        })        
    }); 
js中有對FormData對象的使用：

1.用一些鍵值對來模擬一系列表單控件：即把form中所有表單元素的name和value組裝成一個queryString

2.異步上傳二進制文件
————————————————
版權聲明：本文爲CSDN博主「宋宋Jimi」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。