首页 > 代码库 > jquery ajax 提交form表单 以及django后台接受
jquery ajax 提交form表单 以及django后台接受
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 forms class 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后台接受
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。