啥都不说,先上效果图:

这是一个网上的第三方组件,原版是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版的更多相关文章

  1. ueditor图片上传插件的使用

    在项目里使用到ueditor图片上传插件,以前图片上传都是直接使用js代码直接上传图片,比较麻烦,而且效率也比较低,而ueditor这款插件完美的解决了这个问题,这个是百度开发的一款富文本编辑器,在这 ...

  2. Jquery自定义图片上传插件

    1 概述 编写后台网站程序大多数用到文件上传,可是传统的文件上传控件不是外观不够优雅,就是性能不太好看,翻阅众多文件上传控件的文章,发现可以这样去定义一个文件上传控件,实现的文件上传的效果图如下: 2 ...

  3. Aps.net中基于bootstrapt图片上传插件的应用

    Aps.net中基于bootstrapt图片上传插件的应用 在最近的项目中需要使用一个图片上传的功能,而且是多张图片同时上传到服务器的文件夹中,将图片路径存放在数据库中.为了外观好看使用了bootst ...

  4. ssm项目中KindEditor的图片上传插件,浏览器兼容性问题

    解决办法: 原因:使用@ResponseBody注解返回java对象,在浏览器中是Content-Type:application/json;charset=UTF-8 我们需要返回字符串(Strin ...

  5. WebUploader文件图片上传插件的使用

    最近在项目中用到了百度的文件图片上传插件WebUploader.分享给大家 需要在http://fex.baidu.com/webuploader/download.html点击打开链接下载WebUp ...

  6. kindeditor 图片上传插件

    富文本编辑器,kindeditor是比较好用的一款.需要的功能都有,文档.demo也详细.有什么功能去官网看一眼就好. 官网:http://kindeditor.net/ 一些好用的如图片上传,kin ...

  7. jq实现批量图片上传

    http://blog.csdn.net/lmj623565791/article/details/31513065 jq实现批量图片上传 http://blog.csdn.net/lmj623565 ...

  8. KindeEditor图片上传插件用法

    因业务需要找了款插件 KindeEditor编辑器确认挺好用,但无奈技术有限,上传配置不知,故问度娘! 图片上传对于部分新手来说有时候是一件非常头疼的事,今天来分享一下项目中使用到的这个插件Kinde ...

  9. Mvc 批量图片上传

    首先导入文件(官网上下载 kindeditor ): <link href="~/kindeditor-4.1.11-zh-CN/kindeditor/themes/default/d ...

随机推荐

  1. HTML列表标签

    <ul>无序列表 有2个属性 1.compact 属性: 规定列表呈现的效果比正常情况更小巧.没啥作用 2.type 属性 disc小圆点 square小方块 circle小圆圈(默认) ...

  2. IntelliJ IDEA 2017.3尚硅谷-----版本控制(Version Control)

    不管是个人开发还是团队开发,版本控制都会被使用.而 IDEA 也很好的集成了 版本控制的相关结构. Git 的 msysGit 官网下载:https://git-scm.com/ Git 客户端 To ...

  3. Hive文件与记录格式

    1. Hive文件与记录格式 Create table 有多种用法,例如STORED AS SEQUENCEFILE, ROW FORMAT DELIMITED, SERDE, INPUTFORMAT ...

  4. 6.mybatis----日志工厂

    日志工厂 如果一个数据库操作出现了异常,我们需要排错,所以说日志就是最好的助手 曾经:sout,debug 现在:日志工厂 在Mybatis中具体使用哪一个日志,在设置中设定 咋设定? 在mybati ...

  5. 题解 【Codeforces387B】George and Round

    以下选自官方题解: 考虑困难的需求数量,我们将覆盖这些困难, 然后我们将提出新的问题,并准备新的问题来覆盖其他需求. 很明显,如果我们决定满足从n中抽取i的要求,那么最好采用那些复杂性最小的要求. 让 ...

  6. Codeforces C. Almost Equal (数学规律)

    题目链接:http://codeforces.com/contest/1206/problem/C 题解 : 观察可以发现当n为偶数时,1 - 2n是不满足题意的,可以举例n = 2,n = 4试一试 ...

  7. 题解 SP5271 XOINC - A Coin Game

    SP5271 XOINC - A Coin Game 双倍经验:P2964 [USACO09NOV]硬币的游戏A Coin Game O3做法(TLE):枚举i,j,k,即剩下i枚金币,上一轮选了j枚 ...

  8. windows系统下,gpu开发环境部署

    1,安装python,使用anaconda或者直接用python.exe安装都可以.我用的是python3.6版的 对于相关的程序包,比如tensorflow或者opencv等,anaconda可以在 ...

  9. php商城数据库的设计 之无限分类

    商品分类,使用无限分类 即: -------如何创建数据表 pid---父级分类id,如果是顶级分类则为0 path---1,用户分类的排序 . 排序示例: 实现逻辑:获取type表的所有分类,ord ...

  10. Nuxt的路由配置以及传参

    Nuxt 路由可以使用a标签进行链接跳转,例如我们创建了一个demo.vue的文件 <p> <a href="/demo">跳转去Demo页面</a& ...