Question

我不明白为什么但是如果我尝试通过ajax上传文件它不起作用，但它有常规请求。

打印请求.FILES。

#For ajax request
<MultiValueDict: {}>

#For regular request
<MultiValueDict: {u'file': [<TemporaryUploadedFile: IMG_3056.JPG (image/jpeg)>]}>

#Here's my front-end and back-end code
<form action="" method="post" enctype="multipart/form-data">{% csrf_token %}
...
</form>
function submitForm(target, form){
    $.ajax({
        url:form.attr('action'),
        type:'post',
        data:form.serialize(),
        dataType:"html",
        error:function(data, status, xhr){
            error();
        },
        beforeSend:function(){
            loading();
        },
        success:function(data, status, xhr){
            $(target).html(data);
        },
        complete:function(){
            loadingDone();
        }
    });
}

#views.py

def file_upload(request):
    doc_form = DocumentForm(user = request.user)
    if request.method == 'POST':
        doc_form = DocumentForm(request.POST, request.FILES, user = request.user)
        print request.FILES
        if doc_form.is_valid():
            document = doc_form.save()
    return render_to_response("create_doc.html", {                                                                  'doc_form':doc_form, 
}, context_instance = template.RequestContext(request))

Answer 1

使用常规jQuery的AJAX上传文件不起作用。请参阅其中一些链接以获取帮助：

http://www.nickdesteffen.com/blog/file-uploading-over-ajax-using-html5

How can I upload files asynchronously?

Sending multipart/formdata with jQuery.ajax

基本上HTML 5中有一个用于处理文件的新API，或者旧的学校方式是使用iFrame / Flash。我个人在几个月前就在一个项目中使用了Uploadify。

Answer 2

请尝试使用此jquery form submit plugin，我认为它会设法将FILE发送到您需要的服务器。

（对于PHP服务器端，它适用于我，没有理由为它也不适合你）

Django：文件上传无法使用Ajax

2 个答案: