asp.net 大文件上传控件

大文件上传控件（包含进度条）
　　使用说明如下：
　　 <summary>
　　上传进度条控件
　　 </summary>
　　 <example>
　　 Web.config 配置
　　 <?xml version="1.0"?>
　　<configuration>
　　　 <configSections>
　　<!--上传节点-->
　　　　　<sectionGroup name="slickUpload">
　　　　　　 <section name="uploadLocationProvider" type="Common.SlickUpload.Configuration.UploadLocationProviderHandler, Common"/>
　　　　　</sectionGroup>
　　　 </configSections>
　　　 <system.web>
　　　　　<httpRuntime maxRequestLength="2024000" executionTimeout="300"/>
　　　　　<httpHandlers>
　　　　 <add verb="*" path="CommonToolsASHX.ashx" type="Common.Web.AppControl.CommonToolsASHX, Common" />
　　　　 <add verb="*" path="CommonToolsASHX_XML.ashx" type="Common.Web.AppControl.CommonToolsASHX_XML, Common" />
　　　　　</httpHandlers>
　　　　　<!--上传Modules-->
　　　　　<httpModules>
　　　　 <add name="HttpUploadModule" type="Common.SlickUpload.HttpUploadModule, Common"/>
　　　　　</httpModules>
　　　 </system.web>
　　　 <appSettings>
　　　　　<!--上传临时路径-->
　　　　　<add key="uploadPath" value="c:TDdownloadtemp"/>
　　　　　<!--许可上传页面，多个页面用';'分开-->
　　　　　<add key="HttpUploadModulePageGoOn" value="Upload.aspx;"/>
　　　 </appSettings>
　　</configuration>
　　ASPX页面
　　　 //顶部
　　　 <%@ Register Assembly="Common" Namespace="Common.Web.AppControl" TagPrefix="cc1" %>
　　　　//form内
　　　　<asp:FileUpload ID="fileUploadFile" runat="server" />
　　　　<asp:Button ID="BtnUpload" runat="server" OnClick="Button1_Click" Text="Upload" />
　　　　<asp:HyperLink ID="hyCancel" runat="server">Cancel</asp:HyperLink>
　　　　<cc1:WebUploadProgressBar ID="WebUploadProgressBarControl" runat="server" UploadPath="C:TDdownload"></cc1:WebUploadProgressBar>
　　ASPX对应的CS代码
　　　　　　protected void Page_Load(object sender, EventArgs e)
　　　　　　{
　　　　　　　　//绑定上传客户端javascript事件
　　　　　　　　this.BtnUpload.OnClientClick = this.WebUploadProgressBarControl.GetUploadClick_Javascript;
　　　　　　　　//绑定上传取消客户端javascript事件
　　　　　　　　this.hyCancel.NavigateUrl = "javascript:" + this.WebUploadProgressBarControl.GetUploadCancelClick_Javascript;
　　　　　　}
　　　　　　protected void BtnUpload_Click(object sender, EventArgs e)
　　　　　　{
　　　　　　　　//上传文件
　　　　　　　　this.WebUploadProgressBarControl.SaveUploadFiles();　　　　
　　　　　　}
　　 </example>
　　 <remarks>必须在IIS站点下设置端口或虚拟目录方可测试通过，又问题请和zljGood@hotmail.com联系</remarks>

赞 (0)

相关推荐

  • asp.net使用jQuery Uploadify上传附件示例

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.Uploadify官方网址:http://www.uploadify.com/,在MVC中使用的方法可以参考 jQuery Uploadify在ASP.NET MVC3中的使用 和 Asp.net Mvc中使用uploadify实现图片缩放保存. 本文是一个简单的介绍Demo,主要是动态传递参数方法:通过formdata 向处理程序传递额外的表单数据: 复制代码 代码如下: <!DOCTYPE html PUBLIC

  • asp.net(c#)开发中的文件上传组件uploadify的使用方法（带进度条）

    asp.net(c#)开发中的文件上传组件uploadify的使用方法（带进度条）

    在Web开发中,有很多可以上传的组件模块,利用HTML的File控件的上传也是一种办法,不过这种方式,需要处理的细节比较多,而且只能支持单文件的操作.在目前Web开发中用的比较多的,可能uploadify(参考http://www.uploadify.com/)也算一个吧,不过这个版本一直在变化,他们的脚本调用也有很大的不同,甚至调用及参数都一直在变化,很早的时候,那个Flash的按钮文字还没法变化,本篇随笔主要根据项目实际,介绍一下3.1版本的uploadify的控件使用,这版本目前还是最新的

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

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

    相信通过Asp.Net的服务器控件上传文件在简单不过了,通过AjaxToolkit控件实现上传进度也不是什么难事,为什么还要自己辛辛苦苦来 实现呢?我并不否认"拿来主义",只是我个人更喜欢凡是求个所以然.本篇将阐述通过Html,IHttpHandler和 IHttpAsyncHandler实现文件上传和上传进度的原理,希望对你有多帮助. 效果图: 本文涉及到的知识点:1.前台用到Html,Ajax,JQuery,JQuery UI 2.后台用到一般处理程序(IHttpHandler)和

  • 用Fine Uploader+ASP.NET MVC实现ajax文件上传[代码示例]

    用Fine Uploader+ASP.NET MVC实现ajax文件上传[代码示例]

    This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a Javascript plugin for developers looking to incorporate file-uploading into their website. Fine Uploader 不依赖于 jQuery,也就是说不引用jquery.js,也可以正常使用.同时,

  • JQuery.uploadify 上传文件插件的使用详解 for ASP.NET

    JQuery.uploadify 上传文件插件的使用详解 for ASP.NET

    后来朋友推荐了一个这个叫uploadify的上传插件,似乎挺好,就到官方下了个示例运行,感觉挺好,自己再稍加美化一下就OK 了..! 接下来就讲讲使用过程吧: 1. 下载 官方网站:http://www.uploadify.com/ 直接下载:jquery.uploadify-v2.1.0.rar 我的Demo: MyUpload.rar                官方网站也有demo 下载解压后: 说明:它里面有demo  但是是PHP的,还有一个帮助文档:uploadify v2.1.0

  • asp.net下文件上传和文件删除的代码

    文件上传 HttpPostedFile postFile = Request.Files["imgFile"]; if(postFile.FileName!=String.Empty){        ex=postFile.FileName.Substring(postFile.FileName.LastIndexOf("."));        fileName= DateTime.Now.ToString("yyyyMMdd") + ex;

  • ASP.NET文件上传控件Uploadify的使用方法

    ASP.NET文件上传控件Uploadify的使用方法

    对于文件上传来说,有很多种实现方式,如传统的表单方式,现在流行的flash方式,甚至还有纯JS方式,之所以有这些方式来实现文件上传,我想主要原因是因为,传统的上传对于大文件支持不够,因为它是单线程同步机制,当大文件通过HTTP方式发送到服务端时,对于服务端站点的主线程影响比较大,会产生阻塞,所以,现在很多上传控制都是异步,多线程的方式去实现的. 今天来介绍一个文件上传控制,它就是Uploadify,它应该是flash的异步上传工具,对于大文件支持还不错,所以,我选择了它. 相关API介绍 upl

  • asp.net 大文件上传控件

    大文件上传控件(包含进度条) 使用说明如下: <summary> 上传进度条控件 </summary> <example> Web.config 配置 <?xml version="1.0"?> <configuration> <configSections> <!--上传节点--> <sectionGroup name="slickUpload"> <sectio

  • ASP.NET多文件上传控件Uploadify的使用方法

    ASP.NET多文件上传控件Uploadify的使用方法

    对于Uploadify文件上传之前已经讲过一次(文件上传~Uploadify上传控件),只不过没有涉及到多文件的上传,这回主要说一下多个文件的上传,首先,我们要清楚一个概念,多文件上传前端Uploadify是通过轮训的方式去调用我们的后台upload程序的,所以,对于多文件上传来说,也没什么稀奇的. 下面是文件上传后的缩略图如下 列表的组装使用JS模板,这样对于复杂的HTML结构来说,可以减少拼写错误的出现,关闭是将LI元素从UI元素移除,最后提交时,从UI里检查LI元素,然后对它进行组装,并进

  • 学习使用AngularJS文件上传控件

    学习使用AngularJS文件上传控件

    前段时间做项目遇到一个需求是上传文件,大概需要实现的样式是这样子的,见下图: 需要同时上传两个文件.并且规定文件格式和文件大小.因为前端框架使用angular,且不想因为一个上传功能又引入一个jquery,所以在网上查找基于angular的上传控件,因为angular还算比较新,貌似都没有太成熟的插件,网上的教程也大多是复制粘贴,总之没起倒多大的作用...但是皇天不负有心人,最后还是让我遇到了这个功能强大的插件,让我有种相见恨晚的感觉呀,依靠官方文档和师兄的帮助,终于搞清楚了基本的使用方法.好东

  • AngularJS 文件上传控件 ng-file-upload详解

    网上可以找到的 AngularJS 的文件上传控件有两个: angular-file-upload:https://github.com/nervgh/angular-file-upload ng-file-upload:https://github.com/danialfarid/ng-file-upload 这两个非常类似,连js文件的结构都是一样的.核心的js是.min.js,还都有一个-shim.min.js,用来支持上传进度条和上传暂停等高级功能. 按道理讲shim.js应该是可加可不

  • javascript实现校验文件上传控件实例

    本文实例讲述了javascript实现校验文件上传控件.分享给大家供大家参考.具体如下: 该javascript校验文件上传控件代码可检测上传文件的类型是否是图片 <script language="javascript"> function Checkfiles() { var fup = document.getElementById('logo1'); var fileName = fup.value; var ext = fileName.substring(fil

  • JavaScript动态数量的文件上传控件

    js动态数量的文件上传控件实现代码如下所述: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>动态数量的文件上传</title> <script type="text/javascript" src="

  • 基于bootstrap的文件上传控件bootstrap fileinput

    本文实例为大家分享了文件上传控件bootstrap fileinput的使用方法,供大家参考,具体内容如下 github地址:https://github.com/kartik-v/bootstrap-fileinput 官网:http://plugins.krajee.com/file-input 1.下载压缩文件. 2.导入文件 bootstrap-fileinput/css/fileinput.min.css bootstrap-fileinput/js/fileinput.min.js

  • 5款Ajax 文件上传控件

    5款Ajax 文件上传控件

    1. FancyUpload (演示地址) FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload. 2. SwfUploadPanel (演示地址) SwfUploadPanel是一个结合SwfUpload v2.0.2与ExtJS 2.0.x开发的多文件上传面板(panel). 3. Yahoo! UI Library: Uploader (演示地址) YUI Uploader Control结合Flash开发

  • jQuery文件上传控件 Uploadify 详解

    jQuery文件上传控件 Uploadify 详解

    基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个版本,一个用flash,一个是html5.html5的需要付费~所以这里只说flash版本的用法. 官网:http://www.uploadify.com/ 控件截图: 用法: 首先引用下面的文件 <link rel="stylesheet" type="text/css&

随机推荐