无刷新上传

应业务需求,需要在页内做无刷新上传,最初是想通过插件实现ajax异步上传。后来突发奇想,如果在一个隐藏的iframe内,使用JavaScript提交一个表单可以变得更加便捷,同时又避免了插件扩展使得页面臃肿变得难以维护,不过问题又来了,我目前负责的是前端部分,这样处理却需要添加一个嵌入一个新页面,于是又开始想变通之法。最后想到了target属性,可以通过在本页隐藏表单,然后表单的target设置为一个iframe,最后通过JavaScript触发提交动作从而可以实现上传。

演示代码随后附上: