file表单提交异步模拟

今天遇到的一个问题 记录一下 貌似题目有点怪异 交代下背景先:

是这样的 在一个表单中需要本地上传一张图片 然后把图片提交给后台。因为业务的需求,这个地方不能做成直接的form表单提交刷新页面,问题就来了,如果不能用form提交走异步

提交的话,file对象是无法异步提交的,怎么办呢

百度了下 找到了一个很有效的方法

那就是 将form的target设置成一个页面隐藏的iframe,即 这样,表单提交后的跳转页面仍为本页 这样 就看不到页面刷新了 从外观上达到了异步的需求;

另外一个问题,如何读取表单提交后的数据呢

也比较简单 监听iframe的onload事件,iframe body中的内容即为回传过来的数据。

原文地址:https://www.cnblogs.com/lxin/p/2591029.html