源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Asp.Net 无刷新文件上传并显示进度条的实现方法及思路

  • 时间:2022-04-26 08:56 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Asp.Net 无刷新文件上传并显示进度条的实现方法及思路
相信通过Asp.Net的服务器控件上传文件在简单不过了,通过AjaxToolkit控件实现上传进度也不是什么难事,为什么还要自己辛辛苦苦来 实现呢?我并不否认”拿来主义“,只是我个人更喜欢凡是求个所以然。本篇将阐述通过Html,IHttpHandler和 IHttpAsyncHandler实现文件上传和上传进度的原理,希望对你有多帮助。 效果图: [img]http://files.jb51.net/file_images/article/201306/2013628155918267.jpg[/img] 本文涉及到的知识点: 1.前台用到Html,Ajax,JQuery,JQuery UI 2.后台用到一般处理程序(IHttpHandler)和一般异步处理程序(IHttpAsyncHandler),并涉及到”推模式“ [b]一、创建Html网页 [/b]1、在创建的Web工程中添加一个Html文件,命名为UploadFile.htm,在头文件中引入JQuery,JQuery UI
[url=Styles/jquery-ui-1.8.16.custom.css]    <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>     <script src="Scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
[b]2、关于无刷新文件上传[/b] 通过Ajax是不能上传文件的,无刷新上传是靠隐藏的iframe来实现的 要将form标签的target属性设置为iframe的id,当然别忘了将form的enctype设置为multipart/form-data
[url=http://files.jb51.net/file_images/article/201306/yuanma/UploadFileDemo.rar]UploadFileDemo.rar[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部