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

本文介绍在使用Ext框架进行文件上传时遇到的问题及解决方案。通过使用FormData对象和jQuery Ajax实现文件上传,解决Struts框架返回数据导致页面变化的问题,并确保所有必要参数正确传递。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述:
在改造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对象上传文件 图片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值