上传文件

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() {
        
    }                    
});

上传文件这个功能在工作中是经常用到的，原本我都是用表单来提交的，但表单提交后会刷新一次页面，当我页面还要继续进行操作时，这很不方便。强制让其提交后不用刷新，又发现用表单提交没办法知道什么时候文件提交完成。