上傳文件

HTML

<input type="file" id="file">

JS

var file = document.getElementById("file");

var formData = new FormData();
formData.append("file", file.files[0]);

$.ajax({
    type: "POST",
    url: '/vda',
    data: formData,
    contentType: false,
    processData: false, //提交的時候不會序列化 data，而是直接使用data
    success: function(data) {
        
    },                        
    error: function() {
        
    }                    
});

上傳文件這個功能在工做中是常常用到的，本來我都是用表單來提交的，但表單提交後會刷新一次頁面，當我頁面還要繼續進行操做時，這很不方便。強制讓其提交後不用刷新，又發現用表單提交沒辦法知道何時文件提交完成。