传统的文件上传方式 在执行上传后,页面会跳转到action指定的地址。 一般用户需要使用无页面刷新的上传方式上传文件,此时可采取iframe的方式,将form表单提交后的返回内容,重定向到iframe中。 修改后的代码为 利用iframe的onload事件,检测是否传输完毕,并获取传输后的服务端返回 ...
分类:
Web程序 时间:
2016-10-26 19:49:37
阅读次数:
291
前言 上传文件应该是很常见必不可少的一个操作,网上也有很多提供的上传控件。今天遇到一个问题:input控件file无法进行异步无刷新上传。真真的感到别扭。所以就尝试这去处理了一下。 上传封装类: 上传文件的方法在这也没有什么过得的介绍。看代码注释应该都好理解。 页面html 以上页面就是上传控件的h ...
分类:
Web程序 时间:
2016-10-21 13:28:19
阅读次数:
279
1.FormData <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ...
分类:
Web程序 时间:
2016-08-29 19:35:25
阅读次数:
220
<html> <head> <title></title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> </head> <body> <form id= "uploadForm"> <p >名字: <input ...
分类:
编程语言 时间:
2016-04-18 22:29:22
阅读次数:
180
Uploadifyv3.2.1上传图片并预览前端JSP:<scripttype="text/javascript">
$(function(){
$("#upload_org_code").uploadify({
‘height‘:27,
‘width‘:80,
‘buttonText‘:‘选择图片‘,
‘swf‘:‘${pageContext.request.contextPath}/js/uploadify/uploadify.swf‘,
‘uploader‘:‘..
分类:
Web程序 时间:
2016-03-20 02:18:16
阅读次数:
247
首先ajax不能上传文件,这误导了我有段时间,今晚睡不着就照着说明做了个无刷新上传文件 其实原理很简单 <form enctype="multipart/form-data" method="POST" target="upload" action="http://localhost/class.u
分类:
Web程序 时间:
2016-03-03 09:08:17
阅读次数:
182
在表单中无法直接使用 Ajax 上传文件,解决的思路可以是使用插件无刷新地上传文件,返回文件上传后的地址,然后把该地址作为 Ajax 的参数传递给服务器端进行数据库处理。可以使用uploadify 插件来实现该思路。官方网站:http://www.uploadify.com文档地址:http://w...
分类:
Web程序 时间:
2015-12-03 18:52:42
阅读次数:
172
文章讨论了3种办法实现无刷新上传文件,分别是使用iframe、FormData和FileReader,支持性最好是的iframe,但是从体验的效果来看FormData和FileReader更好,因为这两者不用生成一个无用的DOM再删除,其中FormData最简单,而FileReader更加灵活。
分类:
Web程序 时间:
2015-12-02 20:25:30
阅读次数:
205
很多时候,我们上传完文件之后,不想当前页面跳转,或者是刷新一下。那么我们需要怎么做呢?
首先,我们用的是最简单的form表单上传,提交方式。代码如下<!--大家注意到这个form的target的了么?这个target属性的值frameFile,是form之后的iframe的name值,这样的写法是让当前的form表单在提交表单内容的时候转交给iframe中进行页面中表单处理,并且不会产生当前页面跳...
分类:
Web程序 时间:
2015-07-31 18:32:40
阅读次数:
190
AJAX无刷新上传文件并显示http://blog.csdn.net/gao3705512/article/details/9330637?utm_source=tuicooljQuery Form Plugin官网地址:http://malsup.com/jquery/form/#tab7基于MV...
分类:
Web程序 时间:
2015-06-21 19:43:51
阅读次数:
116