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 に答える