私のAjaxファイルアップロードdosn't仕事

Question

私はAjaxファイルのアップロードをお願いします。

これは私のhtmlコード

<div class="attFile"> 
<form action="/scan/" method="POST" enctype="multipart/form-data" id="attachForm" > 
<input type="hidden" name="csrfmiddlewaretoken" value="aaaaaaa"> 
<input type="file" name="upload_file" required="" id="id_upload_file"> 
<div class="submitButton"> 
<a class="openMask">deleteFile</a> 
</div> 
</form> 

で、これは何かを含める必要があり、私のjavascriptのコード

$('.openMask').click(function(e){ 
wrapMask(); 

}); 

function wrapMask(){ 
something do.... 

submit(); 

} 


    function submit(){ 
    something do.... 
    var form= $('#attachForm').get(0); 

    console.log($('#attachForm').serialize()) ; 
    console.log($('#attachForm').serializeArray()) 
    var formData=new FormData(form); 
    console.log(formData) 

    } 

wrapMaskのfuncitonです。サブミット関数が実行します

そのログはformData = {};。、log = nullのように常にヌルです。私は私のdurttyコードのために何をすべき

....ファイルデータをポストすることはできません

Answer 1

にserialize（）メソッド。 ajaxを使用してファイルを送信する場合は、シリアル化する代わりにFormDataを使用します。 だから私はそれをajaxファイルのアップロードに使用しました

var dataValue = new FormData($("#form_profile_pic")[0]); 
       dataValue.append('UpdatePreview', '1'); 
       dataValue.append('id', id); 
       $.ajax({ 
        url: 'Your_Url_FILE_NAME_here', 
        type: 'POST', 
        data: dataValue, 
        async: false, 
        cache: false, 
        contentType: false, 
        enctype: 'multipart/form-data', 
        processData: false, 
        dataType: 'json', 
    success: function (r) { 

    }});