无刷新的批量图片上传插件.NET版
啥都不说,先上效果图:

这是一个网上的第三方组件,原版是php的,我用.NET重写了图片上传的处理,下面贴上代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.IO;
using System.Text; namespace CFUpload.CFUpload
{
/// <summary>
/// Upload 的摘要说明
/// </summary>
public class Upload : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/html"; //定义文件保存目录
String save_path = context.Server.MapPath("./files/");
//定义文件保存url
String save_url = "/CFUpload/files/";
//定义允许文件的扩展名
String[] ext_arr = {"gif", "jpg", "jpeg", "png", "bmp"};
//定义最大允许的文件大小
int max_size = 1024 * 500; HttpFileCollection files = context.Request.Files; //有文件存在
if (files.Count > 0)
{
HttpPostedFile file = files["Filedata"];
String file_name = file.FileName;
int file_size = file.ContentLength;
String file_ext = Path.GetExtension(file_name); //检查文件名
if (!ChecPickExt(file_ext))
{
context.Response.Write("返回错误: 请选择文件");
context.Response.End();
} //检查目录
if (!Directory.Exists(save_path))
{
context.Response.Write("返回错误: 上传目录不存在("+save_path+")");
context.Response.End();
} //检查是否已上传
if (File.Exists( Path.Combine(save_path , file_name) ))
{
context.Response.Write("返回错误: 文件已存在");
context.Response.End();
} //检查文件大小
if (file_size > max_size)
{
context.Response.Write("返回错误: 上传文件大小超过限制。最大"+(max_size/1024)+"KB");
context.Response.End();
} context.Response.Write("上传的文件:" + file_name);
context.Response.Write("文件类型:" + file_ext);
context.Response.Write("文件大小:" + file_size); //创建文件夹
String directPath = Path.Combine(save_path, DateTime.Now.ToString("yyyy-MM-dd"));
Directory.CreateDirectory(directPath); //存在则创建,不存在则不创建
String realFileName = DotNet.Utilities.Encrypt.Md5(file_name);
String realFilePath = directPath + "/" + realFileName + file_ext;
//保存文件
file.SaveAs(realFilePath);
//提示上传成功
context.Response.Write("<br />上传成功</br >");
} } /// <summary>
/// 在服务器端判断文件后缀
/// </summary>
/// <param name="ext"></param>
/// <returns></returns>
public bool ChecPickExt(String ext)
{
if (ext.ToLower() == ".bmp")
return true;
if (ext.ToLower() == ".jpg" || ext.ToLower() == ".jpeg")
return true;
if (ext.ToLower() == ".png")
return true;
if (ext.ToLower() == ".gif")
return true; return false;
} public bool IsReusable
{
get
{
return false;
}
}
}
}
处理过程在原版基础上稍作处理,针对.NET环境下作了优化,供大家参考 。
Demo下载:http://pan.baidu.com/s/1dDvS9XJ
无刷新的批量图片上传插件.NET版的更多相关文章
- ueditor图片上传插件的使用
在项目里使用到ueditor图片上传插件,以前图片上传都是直接使用js代码直接上传图片,比较麻烦,而且效率也比较低,而ueditor这款插件完美的解决了这个问题,这个是百度开发的一款富文本编辑器,在这 ...
- Jquery自定义图片上传插件
1 概述 编写后台网站程序大多数用到文件上传,可是传统的文件上传控件不是外观不够优雅,就是性能不太好看,翻阅众多文件上传控件的文章,发现可以这样去定义一个文件上传控件,实现的文件上传的效果图如下: 2 ...
- Aps.net中基于bootstrapt图片上传插件的应用
Aps.net中基于bootstrapt图片上传插件的应用 在最近的项目中需要使用一个图片上传的功能,而且是多张图片同时上传到服务器的文件夹中,将图片路径存放在数据库中.为了外观好看使用了bootst ...
- ssm项目中KindEditor的图片上传插件,浏览器兼容性问题
解决办法: 原因:使用@ResponseBody注解返回java对象,在浏览器中是Content-Type:application/json;charset=UTF-8 我们需要返回字符串(Strin ...
- WebUploader文件图片上传插件的使用
最近在项目中用到了百度的文件图片上传插件WebUploader.分享给大家 需要在http://fex.baidu.com/webuploader/download.html点击打开链接下载WebUp ...
- kindeditor 图片上传插件
富文本编辑器,kindeditor是比较好用的一款.需要的功能都有,文档.demo也详细.有什么功能去官网看一眼就好. 官网:http://kindeditor.net/ 一些好用的如图片上传,kin ...
- jq实现批量图片上传
http://blog.csdn.net/lmj623565791/article/details/31513065 jq实现批量图片上传 http://blog.csdn.net/lmj623565 ...
- KindeEditor图片上传插件用法
因业务需要找了款插件 KindeEditor编辑器确认挺好用,但无奈技术有限,上传配置不知,故问度娘! 图片上传对于部分新手来说有时候是一件非常头疼的事,今天来分享一下项目中使用到的这个插件Kinde ...
- Mvc 批量图片上传
首先导入文件(官网上下载 kindeditor ): <link href="~/kindeditor-4.1.11-zh-CN/kindeditor/themes/default/d ...
随机推荐
- ftp的相关配置
参考 https://www.cnblogs.com/hexige/p/7809481.html 访问参数
- wireshark抓pc上的包
简介:wirkshark是全世界最广泛的网络封包分析软件之一. 软件用途: 网络管理员:我用它检测网络问题, 网络安全工程师:我用它检查资讯安全相关问题, 开发者:我用它为新的通讯协定除错, 普通使用 ...
- vue 使用 jsonp 请求数据
vue 使用 jsonp 请求数据 vue请求数据的时候,会遇到跨域问题,服务器为了保证信息的安全,对跨域请求进行拦截,因此,为了解决vue跨域请求问题,需要使用jsonp. 安装jsonp npm ...
- awk从放弃到入门(1):awk基础
一.awk简介 awk其名称得自于它的创始人 Alfred Aho .Peter Weinberger 和 Brian Kernighan 姓氏的首个字母.实际上 AWK 的确拥有自己的语言: AWK ...
- 每天进步一点点------Allegro生成Gerber文件
Allegro如何生成光绘文件 -------------------制板用文件有钻孔文件和底片文件,最后给板厂的文件为:---------------------------普通二层板:nc_par ...
- echarts相关问题记录
1.图标距离容器边界 //echats options options : { //... grid : { top : 40, //距离容器上边界40像素 bottom: 30 //距离容器下边界3 ...
- webpack4.x基本配置
在学习vue的时候,需要进行打包操作,视频看的是webpack3的踩了好多坑,所以在记录一下,方便后续复习.有错误请指出. 新建项目文件 在项目文件下 执行npm init -y,进行初始化,生成pa ...
- 常见的一些mysql多表操作收集(备份)
原帖地址:https://blog.csdn.net/qq_37248648/article/details/78468291 多表操作框架 SELECT A.ID, A.NUMBER, A.PRIC ...
- TCP和UDP的一些注意事项
TCP的一些注意事项 1. tcp服务器一般情况下都需要绑定,否则客户端找不到这个服务器,更无法链接到服务器 2. tcp客户端一般不绑定,因为是主动链接服务器,所以只要确定好服务器的ip.port等 ...
- 用 async/await 来处理异步(转)
昨天看了一篇vue的教程,作者用async/ await来发送异步请求,从服务端获取数据,代码很简洁,同时async/await 已经被标准化,是时候学习一下了. 先说一下async的用法,它作为一个 ...