在 Django 中使用 AJAX 上传 CSV 文件

Question

我想使用 ajax 查询上传 CSV 文件。

模板：

<form id="attendance-form" method="POST" enctype="multipart/form-data">

  <input type="file" id="upload-attendance" name="employee-attendance-file">

</form>

阿贾克斯：

$("#upload-attendance").change(function(e) {

    e.preventDefault();  // disables submit's default action

    var input = $("#upload-attendance")[0];

    var employeeAttendanceFile = new FormData();

    employeeAttendanceFile.append("attendance-file", $('#upload-attendance')[0].files[0]);

    console.log(employeeAttendanceFile);

    $.ajax({

        url: '{% url "attendance:employee-attendance-upload" %}',

        type: 'POST',

        headers:{

            "X-CSRFToken": '{{ csrf_token }}'

        },

        data: {

            "employee_attendance_file": employeeAttendanceFile,

        },

    

        dataType: "json",

        success: function(data) {

            data = JSON.parse(data); // converts string of json to object

        },

        cache: false,

        processData: false,

        contentType: false,

        });

    });

上传 CSV 文件后，当我输入console.log文件变量 ( console.log(employeeAttendanceFile);) 时，没有任何返回。当我从 django 视图中获取 ajax 请求时，它也返回None( print(csv_file))。

# views.py

class ImportEmployeeAttendanceAJAX( View):

    def post(self, request):

        csv_file = request.FILES.get("employee_attendance_file")

        print(csv_file)

我究竟做错了什么？

Answer 1

通过 FormData 对象上传数据时，您必须直接传递它&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;employeeAttendanceFile,此外，当您尝试访问文件时，您在上传中为文件设置的名称必须匹配。&nbsp;&nbsp;&nbsp;&nbsp;csv_file&nbsp;=&nbsp;request.FILES.get("attendance-file")