一、通过iframe来实现无刷新的的文件上传,其实是有刷新的,只是在iframe里面隐藏了而已
<form id="form1" method="post" action="upload.do" enctype="multipart/form-data" target="uploadframe" >
<input type="file" id="upload" name="文件上传" />
</form>
<iframe id="uploadframe" name="result_frame" style="visibility:hidden;"></iframe>
form里面的target要与iframe里面的id的值相等,指示是form相应了post事件,也就是post时间相应的时候刷新的是iframe而不是整个页面。
iframe 和frameSet里,都是在各自的框架中执行同步请求包括刷新页面的,而不会跨越frame(右边的表单提交或者刷新不会影响到左边导航部分)。所以,这里只是模拟了AJAX异步效果,实际还是同步请求。
二、利用jQuery的插件AjaxFileUpload 可以简单地实现这个异步的上传的效果
相关推荐
异步上传插件
ajaxfileupload.js实现异步上传JAVAEE,支持jquery-1.11.1.min.js以后版本的jquery版本
struts2+jquery之form插件实现异步上传
struts2+jquery之form插件实现异步上传图片并显示
【ASP.NET编程知识】asp.net使用H5新特性实现异步上传的示例.docx
java实现多文件异步上传
ajax异步上传 异步上传 进度条 ajax进度条 上传进度条 不是swfUpload
亲测可以,给个好评,如果使用的tomcat服务器,文件默认上传到部署文件夹下的upload文件夹下,上传后,请到此目录查看
iframe实现图片异步上传.dociframe实现图片异步上传.dociframe实现图片异步上传.dociframe实现图片异步上传.doc
java文件异步上传
该demo实现前端无刷新请求,实现图片批量上传,后台存储数据,并将数据通过JSON形式反馈给android端显示网络图片
于是翻来翻去找到一个封装好的js插件,可以实现异步上传文件。 AjaxFileUpload 这个插件的原理是创建隐藏的表单和iframe,然后用JS去提交,获得返回值。 语法 $.ajaxFileUpload([options]) 参数说明 url 上传...
利用jquery,实现界面的无刷新的上传。后台是struts。实例,可直接运行
NULL 博文链接:https://aokunsang.iteye.com/blog/1014274
uploadify 文件异步上传 实现qq邮箱异步上传 0积分
主要介绍了SpringMVC使用MultipartFile 实现异步上传方法介绍,涉及pom依赖的添加,配置文件的修改等具体操作代码,需要的朋友可以了解下。
文件实现异步上传开发实例
主要为大家详细介绍了php+ajax实现异步上传文件或图片功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
下面小编就为大家带来一篇使用Html5实现异步上传文件,支持跨域,带有上传进度条。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文实例讲述了JS+html5实现异步上传图片显示上传文件进度条功能。分享给大家供大家参考,具体如下: <html> <head> </head> <body> emo_album_id:<input type=text name=emo_...