看来我是要和文件上传纠结到底了!
先说说进化史:在一个页面上,需要放置多处点击上传的元素。如果用上传插件swfupload,一个对象只能对应一处上传,而用js点击flash触发上传是被禁止的。so,放弃插件。
然后考虑在页面上放一个iframe,iframe内部放表单,表单里放file控件,在点击上传元素时,触发该file控件的click事件。选择文件后,触发file控件的change事件,此时提交表单。做到这里有两个问题:1.如果两次上传同一个文件,第二次上传时,不会触发file.change,需要在每次上传后清空一下file,方法如下:
var clearFile = function () {
var file = $(":file");
file.after(file.clone().val(""));
file.remove();
//复制file,事件需要重新绑定
file.change(function () {
$("#btnUpload").click();
});
};
2..net MVC框架下,上传请求的action返回json对象。返回之后页面上就孤零零的显示一个json值,不能做后续的处理。于是就考虑使用
jquery.form.js异步提交表单。
$('#form1').ajaxForm({
dataType: 'json',
success: processJson
});
这里要注意,file.change事件里,不能直接写form.submit();而是要触发submit控件的点击。
做到这里,感觉世界一片美好。谁知没多久,又遇到一个问题:IE8下上传没反应。