啥都不说,先上效果图:

这是一个网上的第三方组件,原版是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. java特性之二----继承

    1.继承的概述 ============================================================================================ ...

  2. 格式化输出_python

    一.直接使用 +a='chen'b='xiao'c='zan'print(a+b+c) 二.利用占位符 %%s:占位符:%d:整数:%x:十六进制:%f:浮点数(默认6位小数)特别注意浮点数: 指定长 ...

  3. c++中sort函数调用报错Expression : invalid operator <的内部原理 及解决办法

    转自:https://www.cnblogs.com/huoyao/p/4248925.html 当我们调用sort函数进行排序时,中的比较函数如果写成如下 bool cmp(const int &a ...

  4. B1027 打印沙漏

    题目链接:https://pintia.cn/problem-sets/994805260223102976/problems/994805294251491328 1027 打印沙漏 (20 分) ...

  5. 题解【CJOJ1071/UVA】硬币问题

    P1071 - [Uva]硬币问题 Description 有n种硬币,面值分别为v1, v2, ..., vn,每种都有无限多.给定非负整数S,可以选用多少个硬币,使得面值之和恰好为S?输出硬币数目 ...

  6. EAC3 enhanced channel coupling

    Enhanced channel coupling是一种spatial coding 技术,在传统的channel coupling的基础上添加了phase compensation, de-corr ...

  7. es6模块化设计

    //导出 //方式一 export const name = 'hello' export let addr = 'chengdu' export var list = [1,2,3] //方式二 c ...

  8. jquery实现点击显示,再点击隐藏

    //点击a标签,轮流显示和隐藏<div id="timo" style="background-color:red;height:50px;width:50px;& ...

  9. Bugku-CTF分析篇-中国菜刀(国产神器)

    中国菜刀 国产神器

  10. linux用字符模式修改权限

    -rw-r--r--  tt.htm 从第二个字符起rw是说用户apple有读.写权,没有运行权,接着的r--表示用户组users只有读权限,没有运行权,最后的r--指其他人 (others)只有读权 ...