啥都不说,先上效果图:

这是一个网上的第三方组件,原版是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. e.printStackTrace()打印在哪里以及如何e.printStackTrace()的内容打印在日志中

    1.e.printStackTrace()打印在哪里 在catch中的e.printStackTrace()将打印到控制台 2.e.printStackTrace()打印的内容是什么 如下代码: im ...

  2. 1.4 mysql编码解决:MySQL编码为utf8设置方法

    mysql的默认编码是拉丁,直接insert语句插入数据库时汉字都会显示成问号 1.安装mysql后,启动服务并登陆, 2.使用show variables命令可查看mysql数据库的默认编码: 直接 ...

  3. DataFrames,Datasets,与 SparkSQL

    v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VM ...

  4. testng如何实现并发

    参考: https://www.cnblogs.com/znicy/p/6534893.html

  5. spring 配置

    在context中配置 如:在base-package指明一个包: <context:component-scan base-package="cn.edu.dao"/> ...

  6. Java+Selenium自动化测试学习(一)

    自动化测试基本流程 1.设置chromedriver的地址System.setProperty(); 2.创建一个默认浏览器ChromeDriver driver = new ChromeDriver ...

  7. VS2015 编译程序时提示 无法查找或打开 PDB 文件

    “mode.exe”(Win32): 已加载“C:\Windows\System32\api-ms-win-core-file-l2-1-0.dll”.无法查找或打开 PDB 文件.“mode.exe ...

  8. if a != None:

    >>> x = 1 >>> not x False >>> x = [1] >>> not x False >>&g ...

  9. opencv:联通组件扫描

    #include <opencv2/opencv.hpp> #include <iostream> using namespace cv; using namespace st ...

  10. Go第三方库之tail

    Tail Demo // tail.TailFile()函数开启goroutine去读取文件,通过channel格式的t.lines传递内容. t, err := tail.TailFile(&quo ...