jquery插件uploadify实现带进度条的文件批量上传_jquery
程序员文章站
2022-04-01 18:23:35
...
有时项目中需要一个文件批量上传功能时,个人认为uploadify是快速简便的解决方案,分享给大家供大家参考,具体如下
先上效果图:
具体代码如下:
在页面中如下
完整页面代码
文件批量上传Demo
UploadHandler.ashx代码:
using System; using System.Web; using System.IO; public class UploadHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; context.Request.ContentEncoding = System.Text.Encoding.GetEncoding("UTF-8"); context.Response.ContentEncoding = System.Text.Encoding.GetEncoding("UTF-8"); context.Response.Charset = "UTF-8"; if (context.Request.Files.Count > 0) { #region 获取上传路径 string uploadFolder = GetUploadFolder(); #endregion if (System.IO.Directory.Exists(uploadFolder)) {//如果上传路径存在 HttpPostedFile file = context.Request.Files["Filedata"]; string filePath = Path.Combine(uploadFolder, file.FileName); file.SaveAs(filePath); context.Response.Write("0"); } else { context.Response.Write("2"); } } } public bool IsReusable { get { return false; } } ////// 返回不带后缀的文件名 /// /// ///public static string GetFirstFileName(string fileName) { return Path.GetFileNameWithoutExtension(fileName); } /// /// 获取上传目录 /// ///public static string GetUploadFolder() { string rootPath = HttpContext.Current.Server.MapPath("~"); return Path.Combine(rootPath, "test"); } }
文件上传.NET默认有大小限制,像IIS限制的30M默认请求大小。如果不想修改IIS,又想突破这个大小的限制,比如上传1GB大小的文件。
这是修改Web.config即可实现。
希望本文所述对大家学习javascript程序设计有所帮助。
上一篇: 有关删除功能的课程推荐10篇
下一篇: 探索HTML5本地存储功能运用技巧
推荐阅读
-
jquery uploadify隐藏上传进度的实现方法
-
Jquery Uploadify上传带进度条的简单实例
-
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
-
详解jQuery uploadify文件上传插件的使用方法
-
jquery+HTML5+Ajax实现带有进度条的文件上传功能
-
jquery uploadify隐藏上传进度的实现方法
-
Jquery Uploadify上传带进度条的简单实例
-
jQuery 带炫酷轮播图效果的Lightbox弹出层插件 只要一句代码轻松实现功能
-
jQuery.Uploadify插件实现有进度条批量上传图片功能
-
Jquery Uploadify上传带进度条的简单实例_jquery