C# 结合html5 批量上传文件和图片预览
来源:互联网 发布:前端连接数据库 编辑:程序博客网 时间:2024/06/09 15:41
html5 新特性 <input id="imgsf" type="file" name="imgsf" multiple /> input file 中增加 multiple 属性可以选择多文件。IE9以下版本不兼容 <form id="form1" method="post" action="upload_json.ashx" enctype="multipart/form-data"> <div> <input id="imgsf" type="file" name="imgsf" multiple /> <input type="text" name="ceshi" value="panlitao" > <input type="submit" value="提交" /> </div> </form> //预览js <div id="imgrq"> </div> <script type="text/javascript"> $("#imgsf").change(function () { var filedx = 0; for (var i = 0, j = this.files.length; i < j; i++) { $("#imgrq").append("<img src=\"" + window.URL.createObjectURL(this.files[i]) + "\" width=\"100\" height=\"100\" />"); } }); </script> C# 代码 public class upload_json : IHttpHandler { // private HttpContext context; public void ProcessRequest(HttpContext context) { String aspxUrl = context.Request.Path.Substring(0, context.Request.Path.LastIndexOf("/") + 1); //文件保存目录路径 String savePath = "attached/"; //文件保存目录URL String saveUrl = aspxUrl + "attached/"; //定义允许上传的文件扩展名 Hashtable extTable = new Hashtable(); extTable.Add("image", "gif,jpg,jpeg,png,bmp"); //extTable.Add("flash", "swf,flv"); //extTable.Add("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb"); //extTable.Add("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2"); //最大文件大小 int maxSize = 1000000; // this.context = context; String newFileName = ""; for (int i = 0; i < context.Request.Files.Count;i++ ) { HttpPostedFile imgFile = context.Request.Files[i]; if (imgFile == null) { showError("请选择文件。"); } String dirPath = context.Server.MapPath(savePath); if (!Directory.Exists(dirPath)) { showError("上传目录不存在。"); } String dirName = context.Request.QueryString["dir"]; if (String.IsNullOrEmpty(dirName)) { dirName = "image"; } if (!extTable.ContainsKey(dirName)) { showError("目录名不正确。"); } String fileName = imgFile.FileName; String fileExt = Path.GetExtension(fileName).ToLower(); if (imgFile.InputStream == null || imgFile.InputStream.Length > maxSize) { showError("上传文件大小超过限制。"); } //修改为文件流去判断文件格式 // string exPath = mall_bll.Common.isfilltype(stream: imgFile.InputStream).ToLower(); // if (exPath != "jpg" && exPath != "gif" && exPath != "bmp" && exPath != "png") // { showError("上传文件扩展名是不允许的扩展名。\n只允许" + ((String)extTable[dirName]) + "格式。"); } //if (String.IsNullOrEmpty(fileExt) || Array.IndexOf(((String)extTable[dirName]).Split(','), fileExt.Substring(1).ToLower()) == -1) //{ // showError("上传文件扩展名是不允许的扩展名。\n只允许" + ((String)extTable[dirName]) + "格式。"); //} //创建文件夹 dirPath += dirName + "/"; saveUrl += dirName + "/"; if (!Directory.Exists(dirPath)) { Directory.CreateDirectory(dirPath); } String ymd = DateTime.Now.ToString("yyyyMMdd", DateTimeFormatInfo.InvariantInfo); dirPath += ymd + "/"; saveUrl += ymd + "/"; if (!Directory.Exists(dirPath)) { Directory.CreateDirectory(dirPath); } newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + fileExt; String filePath = dirPath + newFileName; imgFile.SaveAs(filePath); } String fileUrl = saveUrl + newFileName; Hashtable hash = new Hashtable(); hash["error"] = 0; hash["url"] = fileUrl; context.Response.AddHeader("Content-Type", "text/html; charset=UTF-8"); // context.Response.Write(JsonMapper.ToJson(hash)); context.Response.End(); } private void showError(string message) { Hashtable hash = new Hashtable(); hash["error"] = 1; hash["message"] = message; // context.Response.AddHeader("Content-Type", "text/html; charset=UTF-8"); // context.Response.Write(JsonMapper.ToJson(hash)); // context.Response.End(); } public bool IsReusable { get { return true; } } }
阅读全文
1 0
- C# 结合html5 批量上传文件和图片预览
- C# 结合html5 批量上传文件和图片预览
- C# html5批量上传图片
- 图片预览批量上传
- html5预览上传图片
- html5---图片上传预览
- Html5 上传图片预览
- HTML5上传图片预览
- html5 文件上传预览
- html5文件上传预览
- 利用html5的FileReader对象实现图片预览,利用FormData对象结合struts2实现无刷新文件上传(多参数)
- c#上传图片预览
- PHP+HTML5+ajax 图片上传和图片预览
- html5 上传 图片 预览 选择
- html5预览上传图片缩略图
- html5 js 图片上传预览
- HTML5使用FileReader预览上传的图片文件
- 图片文件上传预览
- 51Nod 1137 矩阵乘法
- 微信iOS收款到账语音提醒开发总结
- Z2017-002:Java-IO之总框架
- JDK动态代理和CGLIB动态代理,实现Spring注解管理事务区别。
- 反汇编定位代码崩溃位置_1
- C# 结合html5 批量上传文件和图片预览
- java 不同的package下同类明的冲突以及解决办法
- thinkphp alias ,field的连贯操作,查询一次数据库,计算两个值
- svn乱码
- 弱鸡3,C# 一个Timer在等待过程中,interval被改变,时间如何处理,
- python 对象
- vue---watch用法
- Web在jsp页面中生成柱状图,折线图,饼状图
- Kotlin Android 环境搭建