jquery ajax 提交form表單 以及django後台接受

標籤：submit   import   class   ajax   sda   tin   mit   head   函數   

HTML

          <form id="project_file_upload" enctype="multipart/form-data" >              <div class="modal-body">                   <!-- multiple 增加此屬性，檔案可以多選 -->                   <input type="file"  name="file" id="file">                   <input id = ‘num_id‘ name="id" type="hidden" value="">              </div>              <div class="modal-footer">                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Close" %}</button>                <button class="btn btn-success" type="submit" id="submit_upload_b"><i class="icon-share"></i> 上傳</button>              </div>         {% csrf_token %}         </form>

 

 

 

js 代碼

   //檔案上傳函數   function dispalyfiletable(url) {        var csrftoken = getCookie(‘csrftoken‘);        $.ajax({            cache: false,            type: ‘POST‘,            data: new FormData($(‘#project_file_upload‘)[0]),            url: url,            traditional:true,            dataType:‘json‘,            processData: false,            contentType: false,            success: function(data) {               console.log(data);            },            beforeSend: function(xhr, settings) {                xhr.setRequestHeader("X-CSRFToken", csrftoken);            }        });   }

 

django後台代碼

form.py

 

from django import formsclass UploadFileForm(forms.Form):    file = forms.FileField()    professionalfile = forms.FileField()

 

 

 

        id = request.POST.get(‘id‘,‘‘)        print(id)        form = UploadFileForm(request.POST, request.FILES)        file_obj = request.FILES.get(‘file‘,‘‘) #擷取上傳檔案

 

jquery ajax 提交form表單 以及django後台接受