jQuery-文件上傳問題解決

后端要求文件上傳需傳參數為二進制流，用form-data方式傳遞，如下圖所示：

 

 

 

 為了滿足該輸入參數要求，上傳代碼如下：

<input type="file" id="file" accept="image/*" capture='camera' multiple>

$('#file').change(function(){
    var formData = new FormData();
    formData.append('file', $('#file')[0].files[0])
    formData.append('fileName','fileName.png')    

    $.ajax({
        type: 'POST',
        url: base + '/common/image/uploadImage',
        data:formData,
        cache: false,
        processData: false,
        contentType: false,
        success: function(data){
            
        },
        error: function(data){
            
        },
        dataType: "json",
    })
})

需要注意以下幾點：

1新建一個FormData，然后append上key和value，包括文件內容和文件名。

2.contentType和processData需為false,因為FormData已經表明了contentType為form-data，無需再次設置，且無需對數據做處理。

3.cache需為false，上傳文件不需要緩存，可去掉，不影響。