jquery ajax 提交form表单 以及django后台接受
2017-06-18 13:59
531 查看
HTML
js 代码
django后台代码
form.py ModelForm 写法
<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', //data为json时必须 processData: false, //为必须内容 contentType: false, //为必须内容 success: function(data) { console.log(data); }, beforeSend: function(xhr, settings) { xhr.setRequestHeader("X-CSRFToken", csrftoken); } }); }
django后台代码
form.py ModelForm 写法
from django import forms from django.forms import ModelForm from .models import Advertisement class UploadFileForm(ModelForm): class Meta: model = Advertisement localized_fields = ('__all__') exclude = ['add_time'] error_messages = { 'protype': { 'required': '这是个必填项目', # 生成错误信息 }, }
id = request.POST.get('id','') print(id) form = UploadFileForm(request.POST, request.FILES) file_obj = request.FILES.get('file','') #获取上传文件
相关文章推荐
- 页面ajax提交form 表单 以及后台接收
- struts1.x 中提交form[]表单数组以及后台解析
- 四【用django2.0来开发】后台会员管理(二) ModelForm表单的使用方法以及数据验证
- go语言form表单提交以及后台如何接收并返回做一个简单的解释
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- 关于struts2后台接受jquery ajax提交的复杂对象
- form表单提交数据编码方式和tomcat接受数据解码方式
- form表单提交 get与post 区别 以及forward(连同提交方式也) 转发
- jquery form表单提交插件asp.net后台中文解码
- PHP jQuery Ajax提交与验证form表单详解
- easyUI添加下拉列表 +++ form表单点一次,向后台提交两次
- PHP jQuery Ajax提交与验证form表单详解
- form表单提交数据编码方式和tomcat接受数据解码方式的思考
- form表单提交get请求,后台接收乱码的解决方案
- form表单提交数据编码方式和tomcat接受数据解码方式的思考
- 对 javaEye上帖子 form表单提交数据编码方式和tomcat接受数据解码方式的思考 的一点理解
- asp.net中通过form表单submit提交到后台的实例
- form表单提交数据编码方式及tomcat的接受编码方式
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- JQUERY AJAX 提交FORM表单方式