JS异步文件上传（兼容IE8+）

在非html5的情况下是无法用ajax把文件推送到后端的，只能通过form表单提交。但是form表单提交后浏览器会根据响应头与状态码对当前页面进行渲染、下载或跳转等行为，返回text、html、json等类型的内容时浏览器会对当前页面进行渲染，相当于刷新。

所以基本思路很简单，提交上传文件表单时，让浏览器转移到iframe处理响应信息，响应信息嵌入一段js代码，这段js代码调用当前页面的一个方法就可以实现回调，类似于xss攻击。

这时就要用到form表单的target属性，我们这里只需要用到iframename的值，iframename指的是iframe的name属性，意思是转移到iframe处理响应信息。

我这里用的是jsp + spring mvc的实现，代码如下

上传文件的JSP->demo.jsp

后端代码：

回调的JSP->uploadCallback.jsp  注意： 如果上传文件的页面不是顶级窗口，而是一个ifream 就要使用window.parent取得上传文件页面的window对象

效果：

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# js  # 上传文件  # 异步文件上传  # 异步上传  # AjaxFileUpload.js实现异步上传文件功能  # js异步上传多张图片插件的使用方法  # vue.js异步上传文件前后端实现代码  # jQuery实现jQuery-form.js实现异步上传文件  # JS实现异步上传压缩图片  # Ajax异步文件上传与NodeJS express服务端处理  # JavaScript中三种异步上传文件方式  # JavaScript实现图片伪异步上传过程解析  # 表单  # 回调  # 的是  # 后端  # 转移到  # 我这  # 这段  # 很简单  # 会对  # 只需要  # 跳转  # 指的是  # 类似于  # 就可以  # 里用  # 情况下  # 提交后  # form  # iframe 

相关文章： 广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  宝塔Windows建站如何避免显示默认IIS页面？  内部网站制作流程,如何建立公司内部网站？  如何通过FTP空间快速搭建安全高效网站？  h5在线制作网站电脑版下载,h5网页制作软件？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  淘宝制作网站有哪些,淘宝网官网主页？  建站之星免费模板：自助建站系统与智能响应式一键生成  如何通过智能用户系统一键生成高效建站方案？  如何设置并定期更换建站之星安全管理员密码？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  潮流网站制作头像软件下载,适合母子的网名有哪些？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  如何在香港免费服务器上快速搭建网站？  已有域名和空间如何快速搭建网站？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  表情包在线制作网站免费,表情包怎么弄？  高防服务器如何保障网站安全无虞？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  定制建站策划方案_专业建站与网站建设方案一站式指南  黑客入侵网站服务器的常见手法有哪些？  开心动漫网站制作软件下载,十分开心动画为何停播？  建站之星如何通过成品分离优化网站效率？  广平建站公司哪家专业可靠？如何选择？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  如何在七牛云存储上搭建网站并设置自定义域名？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何高效配置IIS服务器搭建网站？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  如何快速生成ASP一键建站模板并优化安全性？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  如何选择CMS系统实现快速建站与SEO优化？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何选择服务器才能高效搭建专属网站？  建站之星后台管理如何实现高效配置？    如何在阿里云虚拟主机上快速搭建个人网站？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  建站主机类型有哪些？如何正确选型  智能起名网站制作软件有哪些,制作logo的软件？  建站之星安装模板失败：服务器环境不兼容？  如何在阿里云域名上完成建站全流程？  如何零基础开发自助建站系统？完整教程解析  TestNG的testng.xml配置文件怎么写  外贸公司网站制作,外贸网站建设一般有哪些步骤？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  建站org新手必看：2024最新搭建流程与模板选择技巧