我在一个form表单中用input type="file"的方式提交图片,为了避免页面刷新,我将form表单target到一个隐藏的iframe页面去了,图片在后台上传保存处理一切顺利,现在的问题是我想在
图片提交后获取服务器返回的信息,用于在form表单中的某些位置显示,比如图片上传成功后显示一个缩略图,图片上传失败后显示错误信息等等,但是我不知道怎样才能获取这些信息,我
尝试用jQuery中的$.post()方法获取,但是抓取不到,网上查询资料后得知有一款ajaxuploadfile的js插件可以提供这种功能,但是实际测试中发现这款插件跟1.11版的jQuery不兼容,请问还有
其他方法可以实现我的要求吗?提供参考代码或者实现的逻辑思路都行,非常感谢诸位。
http://blog.csdn.net/xuqianghit/article/details/6182679
我没用过iframe。说一下我是怎么弄的吧。
两个表单,一个表单是正常的数据,然后里面有个隐藏的input框,
另外一个表单就是图片上传 给他一个Onchange方法,当 选择本地图片时,
就调用uploadPhoto方法。这个方法用jqery 表单提交
$("#fm2").form("submit", {
url : "uploadPhoto.htm",
success : function(data) {
// 1 图片显示
$("#imgShow").attr("src",("${path}/"+data));
// 2 将图片地址放入form1的表单隐藏起来
$("#imgHidden").val(data);
}
});
其中url是你的后台接收方法。返回值是该图片所在的位置。
然后你既可以任何地方缩略图显示,也需要把图片地址存到表单1的隐藏域中。
然后正常提交表单1.