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