背景

在开发新项目的时候，遇到一个前端form表单上传文件，后端接收不到的情况。后面检查一下才发现，前端表单的post请求使用ajax发送的，ajax上传文件需要通过FormData实现。

代码

1. 关键：创建一个空对象实例

var formData = new FormData();

2. 完整代码

<script type="text/javascript"> 
             $(function () { 
               $("#upload").click(function () { 
               var formData = new FormData($('#uploadForm')[0]); 
                $.ajax({ 
                type: 'post', 
                url: "{% url 'personal-workorder-update' %}", 
                data: formData, 
                cache: false, 
                processData: false, 
                contentType: false, 
            }).success(function (data) { 
                alert(data); 
           }).error(function () { 
                alert("上传失败"); 
       }); 
    }); 
 }); 
</script>

3. 注意：使用ajax上传文件时需要，，设置参数contentType: false 、processData: false。
   关于 processData: false可以看看这篇文章：https://blog.csdn.net/weixin_39020133/article/details/105448964
   关于contentType: false的简单解释可以看看这篇文章：https://blog.csdn.net/weixin_39020133/article/details/105448562