改造ext form表单提交时遇到的问题

来源:互联网 发布:js获取div class 编辑:程序博客网 时间:2024/04/19 22:31

问题描述:
在改造ext框架时,ext使用ext.form提交数据。上传文件也是如此。后台用的struts框架,调用方法之后会返回数据,看到之后我采用form表单的submit直接提交,但上传页面会直接变成返回的值。只能采用ajax的方式提交。这样又产生了新的问题,获取不到input file 的值,或者由于浏览器差异value获取错误。在跳转对应方法里还有struts自动根据参数setvalue 的 方法,比如:setfilename setfile 我必须要把上传文件用到的参数全部提交。查阅之后采用formdata 方法,用法如下:
$.ajax({
url: '/upload',
type: 'POST',
cache: false,
data: new FormData($('#uploadForm')[0]),
processData: false,
contentType: false
}).done(function(res) {
}).fail(function(res) {});

注意事项:
1. processData设置为false。因为data值是FormData对象,不需要对数据做处理。数据处理由于是object类型,jquery在处理是会无法处理报错
2. 标签添加enctype=”multipart/form-data”属性。
3. cache设置为false,上传文件不需要缓存。
4. contentType设置为false。因为是由表单构造的FormData对象,且已经声明了属性enctype=”multipart/form-data”,所以这里设置为false。

参考文章JQuery Ajax使用FormData对象上传文件 图片

原创粉丝点击