1

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

打印 request.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))
4

2 回答 2

3

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

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

如何异步上传文件？

使用 jQuery.ajax 发送 multipart/formdata

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

于 2012-12-25T04:03:06.357 回答
1

请尝试使用这个jquery 表单提交插件，我认为它会像你需要的那样将文件发送到服务器。

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

于 2012-12-25T08:44:43.503 回答