之前有写过一篇文章,基于asp.net mvc 封装 Web Uploader 上传插件:

http://www.cnblogs.com/vanteking/p/5623682.html

已经实现的功能有:

封装 my97datepicker 日历插件 :

 @Html.Calendar("time")

封装 ckeditor编辑器:

 @Html.RichTextEditor("CKEDITOR1", new RichTextEditor { Height = 300, ToolBar = RichTextEditorToolBar.Full, Plugins = RichTextEditorPlugins.CKEDITOR, Width = 900 })

另外还有百度编辑器的封装,只需要改版参数就可以使用了。
ckeditor 里还配合使用了 ckfinder

今天重点讲下封装的Web Uploader插件,图片可以上传到七牛云和本地。

先上图:

图片上传到七牛云:

                //Qiniu云
var file = Request.Files["file"];
if (file != null && file.InputStream != null && file.ContentLength > )
{
//七牛空间
var qiniuStore = SystemConst.GetRandStore();
//学校
var school = ViewBag._school_ as SchoolLibrary;
//时间戳
var stime = TimeHelper.ConvertDateTimeInt(DateTime.Now);
//原始文件名
var mine = file.FileName.Substring(file.FileName.LastIndexOf("."));
//目标地址
var filePath = "{0}/{1}/{2}{3}".FormatWith(school.Domain, user.ID.GetHashCode(), stime, mine);
//模型
var buket = new Bucket
{
FileType = (UploadFileType)fileType,
stream = file.InputStream,
saveFilePath = filePath,
saveFileName = file.FileName,
bucket = qiniuStore.Space,
PicDomain = qiniuStore.Domain
};
uploadResult = BucketHelper.UploadFile(buket);

删除七牛云图片:

 //人员信息
var user = ViewBag.stu as OStudent;
//域名空间
var qiniuStore = SystemConst.StoreList.FirstOrDefault(m => file.IsNullOrEmpty() == false && file.StartsWith(m.Domain)); if (string.IsNullOrEmpty(file) == true) { _msg = "文件未找到!"; }
else if (qiniuStore != null)
{
if (file.ToLower().Contains(user.ID.GetHashCode().ToString()) == false) { _msg = "没有权限!"; }
else
{
//地址
var saveFilePath = file.Replace(qiniuStore.Domain, "").Trim();
//模型
var buket = new Bucket
{
saveFilePath = saveFilePath,
bucket = qiniuStore.Space,
};
var result = BucketHelper.Delete(buket);
if (result.State == (int)UploadState.Success)
{
_err = false;
}
else
{
_msg = result.ErrorMessage;
}
}
}

还做了一个七牛云的类的封装:

上传:

     /// <summary>
/// 上传文件
/// </summary>
/// <param name="model"></param>
/// <param>FileType 文件类型</para>
/// <param>bucket 目标空间 默认:studystone</para>
/// <param>PicDomain 目标空间对应的默认域名 </para>
/// <param>strSchool 学校二级</para>
/// <param>saveFileName 目标文件名</para>
/// <param>localFile 本地文件(优先)</para>
/// <param>stream 文件流(本地文件存在则,忽略)</para>
/// <returns></returns>
public static UploadResult UploadFile(Bucket model)
{
//结果
var result = new UploadResult { };
//数据
var data = new HttpResult();
//类型
switch (model.FileType)
{
case UploadFileType.Image:
model.mimeLimit = "image/*";
model.fsizeLimit = ;//2M
break;
case UploadFileType.Video:
model.mimeLimit = "video/mp4";
model.fsizeLimit = ;//40M
break;
case UploadFileType.File:
default:
model.mimeLimit = "application/msword;application/vnd.openxmlformats-officedocument.wordprocessingml.document;application/vnd.ms-excel;application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;application/pdf;application/vnd.ms-powerpoint;application/x-rar-compressed;application/x-zip-compressed;text/css;text/html;application/x-javascript;application/json;text/plain";
model.fsizeLimit = ;//40M
break;
}
// 上传策略
PutPolicy putPolicy = new PutPolicy();
// 设置要上传的目标空间
putPolicy.Scope = model.bucket;
// 上传策略的过期时间(单位:秒)
putPolicy.SetExpires();
// 文件上传完毕后,在多少天后自动被删除
//putPolicy.DeleteAfterDays = int.MaxValue;
// Use AK & SK here
Mac mac = new Mac(AK, SK);
// 生成上传凭证
string uploadToken = Auth.CreateUploadToken(mac, putPolicy.ToJsonString());
// 开始上传文件
FormUploader um = new FormUploader();
try
{
//目标地址
if (string.IsNullOrEmpty(model.localFile) == false && File.Exists(model.localFile) == true)
{
data = um.UploadFile(model.localFile, model.saveFilePath, uploadToken);
}
else if (model.stream != null)
{
data = um.UploadStream(model.stream, model.saveFilePath, uploadToken);
}
else
{
result.State = UploadState.Unknown;
result.ErrorMessage = "上传文件为空";
return result;
}
//结果判断
switch (data.Code)
{
//上传成功
case :
result.file = new QiniuFile
{
Date = DateTime.Now.ToString("yyyy年MM月dd日"),
Moment = DateTime.Now.ToString("HH:mm tt").Replace("上午", "AM").Replace("下午", "PM"),
FileName = model.saveFilePath.Substring(model.saveFilePath.LastIndexOf("/") + ),
Fsize = ,
Src = model.PicDomain + model.saveFilePath
};
result.State = UploadState.Success;
result.Url = model.PicDomain + model.saveFilePath;
result.OriginFileName = model.saveFilePath.Substring(model.saveFilePath.LastIndexOf("/") + );
break;
case :
result.State = UploadState.TypeNotAllow;
result.ErrorMessage = "不允许的文件格式上传";
break;
case :
result.State = UploadState.TypeNotAllow;
result.ErrorMessage = "文件大小超过限制";
break;
case :
result.State = UploadState.TypeNotAllow;
result.ErrorMessage = "文件已存在";
break;
default:
result.State = UploadState.Unknown;
result.ErrorMessage = "文件上传失败";
break;
}
}
catch (Exception e)
{
result.State = UploadState.Unknown;
result.ErrorMessage = e.Message;
}
return result;
}

获取七牛云图片列表

   /// <summary>
/// 获取空间下面所有的图片
/// </summary>
/// <param name="model"></param>
/// <para>bucket 目标空间默认:stonestudy</para>
/// <para>prefix 按文件名前缀保留搜索结果 如:ss/</para>
/// <para>limit 每次最大请求的数量最大1000</para>
/// <para>delimiter</para>
/// <returns></returns>
public static List<QiniuFile> FileList(Bucket model)
{
Mac mac = new Mac(AK, SK);
BucketManager bm = new BucketManager(mac); // 返回结果存储在items中
List<QiniuFile> items = new List<QiniuFile>();
// 由于limit限制,可能需要执行多次操作
// 返回值中Marker字段若非空,则表示文件数超过了limit
do
{
var result = bm.ListFiles(model.bucket, model.prefix, model.marker, model.limit, model.delimiter);
//标记
model.marker = result.Result.Marker;
if (result.Result.Items != null)
{
result.Result.Items.ForEach(m =>
{
var date = TimeHelper.GetFullTime(m.PutTime.ToString());
items.Add(new QiniuFile
{
FileName = m.Key.Substring(m.Key.LastIndexOf("/") + ),
Fsize = m.Fsize,
MimeType = m.MimeType,
Src = model.PicDomain + m.Key,
Date = date.ToString("yyyy年MM月dd日"),
Moment = date.ToString("HH:mm tt").Replace("上午", "AM").Replace("下午", "PM")
});
});
}
} while (!string.IsNullOrEmpty(model.marker));
return items;
}

删除图片

 /// <summary>
/// 删除文件
/// </summary>
/// <param name="model"></param>
/// <para>bucket 目标空间 默认:studystone</para>
/// <para>saveFilePath 目标文件,非全路径 例如: temp/logo.png</para>
/// <returns></returns>
public static UploadResult Delete(Bucket model)
{
var result = new UploadResult();
try
{
Mac mac = new Mac(AK, SK);
BucketManager target = new BucketManager(mac);
var data = target.Delete(model.bucket, model.saveFilePath);
switch (data.Code)
{
//上传成功
case :
result.State = UploadState.Success;
break;
case :
result.State = UploadState.TypeNotAllow;
result.ErrorMessage = " 待删除资源不存在";
break;
default:
result.State = UploadState.Unknown;
result.ErrorMessage = "文件删除失败";
break;
}
}
catch (Exception)
{
result.State = UploadState.Unknown;
result.ErrorMessage = "文件删除失败";
}
return result;
}

使用上传插件 Web Uploader 上传图片到七牛云(C#)的更多相关文章

  1. vue上传视屏或者图片到七牛云

    首先下载七牛云的JavaScript-SDK npm install qiniu-js 下载完成JavaScript-SDK以后就可以上传图片信息了 <template> <div& ...

  2. 上传图片到七牛云(服务端 node.js sdk)

    大体思路 前端要上传图片到七牛云,需要有一个token进行授权操作,而获取这个上传的upload token(以下简称upToken),在服务端需要一定的身份校验,比如说:只有登录的vip用户才能拿到 ...

  3. Web Uploader文件上传插件

    http://www.jq22.com/jquery-info2665   插件描述:WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现 ...

  4. 20款最好的jQuery文件上传插件

    当它是关于开发网络应用程序和网页的时候,文件上传功能的重要性是不容忽视的.一个文件上传功能可以让你上传所有类型的文件在网站上,包括视频,图像,文件和更多.创建一个文件上传功能,对你的网站是不是很难,有 ...

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

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

  6. jQuery文件上传插件Uploadify(转)

    一款基于flash的文件上传,有进度条和支持大文件上传,且可以多文件上传队列. 这款在flash的基础上增加了html5的支持,所以在移动端也可以使用. 由于官方提供的版本是flash免费,html5 ...

  7. JQuery上传插件Uploadify使用详解

    本文转载http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不错 ...

  8. (转)JQuery上传插件Uploadify使用详解

    原文地址:http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不 ...

  9. jquery上传插件Jquery.uploadify.js-转

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...

随机推荐

  1. BFC原理

    一.BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box.Formatting Context的概念. Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说 ...

  2. Selenium 使用过程遇到问题随笔

    最近正在学习Selenium,自学是比较难的,也很感谢网络环境中,各位大大的博文帮助. 也希望在此能够记录一下从小白学习使用selenium测试的过程,也希望能对别人有所帮助. 关于环境部署,以及入门 ...

  3. C++设计模式:Template Method

    我使用过一个简单的后台服务框架.这个框架上手很容易,我只需要继承一个基类,同时实现,或重写(override)基类声明的几个接口(这些接口声明为虚函数,或者纯虚函数),然后调用基类定义好的run()函 ...

  4. mongoDB & Nodejs 访问mongoDB (二)

    非常详细的文档http://mongodb.github.io/node-mongodb-native/2.2/quick-start/quick-start/ 连接数据库 安装express 和 m ...

  5. 深入理解 JavaScript 异步系列(5)—— async await

    第一部分,ES7 中引入 async-await 原文地址 http://www.cnblogs.com/wangfupeng1988/p/6532734.html 未经作者允许,不得转载~ 前面介绍 ...

  6. MySQL相关信息(二)

    1.修改MySQL提示符 (1)连接客户端时通过参数指定 shell>mysql -u root -p --prompt  提示符 C:\Users\Administrator>mysql ...

  7. mac下安装 resin 奇葩问题总结

    mac 下安装 resin(需要确认电脑配置好了 java 环境变量): 第一步:去 resin 的官网下载最新的压缩包,官网连接:http://caucho.com/products/resin/d ...

  8. MySQL入门(下)

    1. 课程回顾(很清晰明了) mysql基础 1)mysql存储结构: 数据库 -> 表 -> 数据   sql语句 2)管理数据库: 增加: create database 数据库 de ...

  9. 第37篇 Asp.Net源码解析(二)--详解HttpApplication

    这篇文章花了点时间,差点成烂到电脑里面,写的过程中有好几次修改,最终的这个版本也不是很满意,东西说的不够细,还需要认真的去看下源码才能有所体会,先这样吧,后面有时间把细节慢慢的再修改.顺便对于开发的学 ...

  10. Linux之nc命令详解

    nc是一个强大的网络工具,可以通过yum安装 [root@LB2 ~]# which nc /usr/bin/which: no nc in (/usr/local/sbin:/usr/local/b ...