在Django中使用jquery发布文件

Post file using jquery in Django

本文关键字：布文件 文件 jquery Django      更新时间：2023-09-26

我想用jquery发布一个csv文件到django视图

<form  id="form" enctype="multipart/form-data" >
<input type="file" name="ListFile" id="ListFile" />
<button type="button" onclick="csv_send">upload</button>
</form><br>


js: 

function csv_send(){
var data = {
'csrfmiddlewaretoken' : $('input[name=csrfmiddlewaretoken]').val(),
'data': $("#ListFile").val()
}
/*$.ajax({
  type: 'POST',
  url:'/list/create/',
  cache:false,
  dataType:'json',
  data:data,
  success: function(result) {
     console.log("ok")
    }
 });*/
}


django views.py: 

def createlist(request):
    if request.method == 'POST':
        file =  request.FILES


这里没有文件。
我知道使用表单操作获取文件。但是在这里我想通过javascript发布文件，因为我想在成功后响应回javascript。显然，我希望该文件在视图。py请求。文件

当你上传文件时，你的表单必须有这个属性:

enctype='multipart/form-data'

: 

<form  id="form" enctype='multipart/form-data'>

您必须使用FormData对象和基本ajax post的稍微修改版本:

    var data = new FormData();
    var file = null;
    //when uploading a file take the file
    $("#your-file-input-id").on("change", function(){
        file = this.files[0]
    });
    //append the file in the data
    data.append("file", file);
    //append other data
    data.append("message", "some content");
    $.ajax({
        url: '/path',
        type: 'POST',
        data: data,
        contentType: false,
        processData: false,
        success: function (data, status, xhr) {
            //handle success            },
        error: function (data, status, xhr) {
            //handle error
        }
    });
在Django中，你可以在request.FILES['file']中找到这个文件。我希望这是有帮助的。
相关文章：