Ajax基于iframe文件上传

最新推荐文章于 2021-08-05 14:59:46 发布

xianqiang1

最新推荐文章于 2021-08-05 14:59:46 发布

阅读量3.5k

点赞数

分类专栏： J2EE 文章标签： iframe ajax string function button input

本文链接：https://blog.csdn.net/lzqwebsoft/article/details/6451570

版权

本文介绍了如何使用Ajax和HTML的<iframe>标签实现文件上传。通过将form表单的target属性设置为iframe的name，可以实现在不刷新整个页面的情况下完成文件上传。文章详细阐述了上传过程，并提供了相应的HTML和JSP代码示例。

摘要由CSDN通过智能技术生成

关于Ajax的文件上传我在网上查找了一些方法，一种方法用的是使用javascript读取客户端的文件内容并将其封装在HTTP的协议中，然后再上传给服务器，但我认为这样的做法对于用户来说是不安全的。于是查了一些相关的书，幸运的在《Ajax完全手册》找到了一个基于HTML标签<iframe>的文件上传方法，特此总结希望能对阅读的你有帮助：

总体的思想是将上传后的信息在页面是的iframe标签内显示,即将form表单的target属性设为iframe的name值,这样服务端的信息就反馈在了页面上的iframe内，实现了局部的刷新上传。

对应的HTML源码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>弹出窗体</title> </head> <body style="position:absolute; z-index:0; margin:0; padding:0; width:100%; height:100%;"> <mce:script type="text/javascript"><!-- var windowStatus=false; //由于得到CSS像数值时带的单位"px"为字符串,故要转换 function getPxNumber(px) { px=px.replace("px", ""); return Number(px); } function showWindows() { var lockWindows=document.getElementById("breakDiv"); var loginframe=document.getElementById("login"); //得到页面的可见区的宽和

最低0.47元/天解锁文章

xianqiang1

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
Ajax基于iframe文件上传

关于Ajax的文件上传我在网上查找了一些方法，一种方法用的是使用javascript读取客户端的文件内容并将其封装在HTTP的协议中，然后再上传给服务器，但我认为这样的做法对于用户来说是不安全的。于是查了一些相关的书，幸运的在《Ajax完全手册》找到了一个基于HTML标签的文件上传方法，特此总结希望能对阅读的你有帮助：总体的思想是将上传后的信息在页面是的iframe标签内显示,即将f
复制链接

扫一扫

专栏目录