lol崔丝塔娜万圣节:无刷新的上传： jQuery form

来源：百度文库 编辑：偶看新闻 时间：2024/04/18 16:00:33

各种各样的文件上传

在开发中，除了使用 FileUpload 之外，我们还有很多的方法用来实现上传文件，有的甚至不需要我们在服务器端进行特殊的操作就可以显示上传的进度。

2.6.1　无刷新的上传： jQuery form

使用 FileUpload 是需要刷新页面的，在当前的 Web 2.0 之下，显然有点不合时宜。jQuery form 可以实现无刷新的文件上传。项目的地址：http://malsup.com/jquery/form/。

jQuery form 是一个脚本库，它通过在页面中动态嵌入一个iFrame，使用iFrame去上传文件，来实现无页面刷新的文件上传。不过，服务器端的处理其实就是正常的文件上传过程，我们可以直接使用 ASP.NET 内置的上传处理。一定要记得设置足够大的请求大小。

使用方式如下：

1）创建一个标准的上传文件表单。

  1.  
  2.     Name:  
  3.     Comment:  
  4.      
  5.  

2）在页面中加入脚本。

  1.  
  2.  
  3.      
  4.      
  5.  
  6.      
  7.         // wait for the DOM to be loaded  
  8.         $(document).ready(function() {  
  9.             // bind 'myForm' and provide a simple callback function  
  10.             $('#myForm').ajaxForm(function() {  
  11.                 alert("Thank you for your comment!");  
  12.             });  
  13.         });  
  14.      
  15.  

需要注意的是，服务器返回的 ContentType，由于在使用 iFrame 实现上传的时候，服务器返回的内容将会被赋予这个 iFrame，所以，返回内容的类型最好是 HTML或者 XML，如果是返回 JSON 或者脚本的话，可以使用 textarea 包围起来。

  1.  

脚本库的下载地址：http://malsup.com/jquery/form/#download。

无组件上传的含义 无组件上传的含义 asp关于不使用form上传数据 下拉列表无刷新 form 的意思 form的用法 form的submit问题 form&format的区别 提高悬赏:求基于XMLHTTP的无刷新技术 关于 无刷新更新网页数据 页面的疑问 关于使用js 无刷新更新页面 的疑问 关于MAME模拟器刷新时模拟器无响应的问题 关于asp无刷新读取服务器资料的问题 哪有永久无广告无上传限制的个人空间 我使用的FRONPAGE，无发上传 上传ASP后门无权限的解决方法 关于一段无组件上传的代码 无软驱如何刷新BIOS 无刷新联动二级菜单 ASP无刷新二级分类 form的action属性是什么意思？ figure与form的区别 HTML-FORM里的问题 asp无组件上传