javascript - 上传文件问题(iframe方式)
高洛峰
高洛峰 2017-04-10 16:23:04
[JavaScript讨论组]

需求:

  1. 兼容ie8/9

  2. 上传文件

  3. 页面无刷新

  4. 之后执行回调,获取服务器端的响应内容

为了兼容性,所以不能用H5FormData
暂时能想到的就是通过iframe来实现。但是现在碰到个不知道该怎么解决的问题。

先看下我现在的页面结构

我在[type="file"]上绑定了change事件,change后触发form提交

  • 当我提交的方式为post的时候,如上图所示,服务器端返回的所有内容都被装进了body下,由浏览器自动生成的pre标签中(目测是因为浏览器的安全机制,不知道这里该怎么处理)

  • 当我改成get提交的时候,iframe内可以正常显示返回的html内容(甚至包括),但是因为get方式的限制,提交不了较大的文件啊(印象中get只支持255字节)

所以暂时总结一下就是:

  • post方式,可以正常上传文件,但是无法处理返回值(因为跨域 + 浏览器安全机制不能添加脚本)

  • get方式,无法上传文件

所以,跪求满足需求的方案。。。

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
迷茫

4是如何解决的?iframe加回调值

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号