使用上传插件 Web Uploader 上传图片到七牛云(C#)
之前有写过一篇文章,基于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#)的更多相关文章
- vue上传视屏或者图片到七牛云
首先下载七牛云的JavaScript-SDK npm install qiniu-js 下载完成JavaScript-SDK以后就可以上传图片信息了 <template> <div& ...
- 上传图片到七牛云(服务端 node.js sdk)
大体思路 前端要上传图片到七牛云,需要有一个token进行授权操作,而获取这个上传的upload token(以下简称upToken),在服务端需要一定的身份校验,比如说:只有登录的vip用户才能拿到 ...
- Web Uploader文件上传插件
http://www.jq22.com/jquery-info2665 插件描述:WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现 ...
- 20款最好的jQuery文件上传插件
当它是关于开发网络应用程序和网页的时候,文件上传功能的重要性是不容忽视的.一个文件上传功能可以让你上传所有类型的文件在网站上,包括视频,图像,文件和更多.创建一个文件上传功能,对你的网站是不是很难,有 ...
- WebUploader文件图片上传插件的使用
最近在项目中用到了百度的文件图片上传插件WebUploader.分享给大家 需要在http://fex.baidu.com/webuploader/download.html点击打开链接下载WebUp ...
- jQuery文件上传插件Uploadify(转)
一款基于flash的文件上传,有进度条和支持大文件上传,且可以多文件上传队列. 这款在flash的基础上增加了html5的支持,所以在移动端也可以使用. 由于官方提供的版本是flash免费,html5 ...
- JQuery上传插件Uploadify使用详解
本文转载http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不错 ...
- (转)JQuery上传插件Uploadify使用详解
原文地址:http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不 ...
- jquery上传插件Jquery.uploadify.js-转
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...
随机推荐
- java多线程一览
线程概述: 多线程的目的,不是提高程序的执行速度,而是提高程序的使用率(能抢到CPU的可能比较大). 因为线程是CPU调度的基本单位,所以,当一个程序的线程较多的时候就更容易抢到cpu的资源 进程: ...
- 云服务器spark集群搭建
---恢复内容开始--- 1:去官网下载spark http://spark.apache.org 2:解压,然后在自己的机器上编译conf中的两个文件 mv slaves.template slav ...
- solr6.4.1搜索引擎同步mysql数据库
尚未成功启动solr的,请参考我的另一篇文章:http://www.cnblogs.com/zhuwenjoyce/p/6506359.html(solr6.4.1 搜索引擎启动eclipse启动) ...
- 安全体系(三)——SHA1算法详解
本文主要讲述使用SHA1算法计算信息摘要的过程. 安全体系(零)—— 加解密算法.消息摘要.消息认证技术.数字签名与公钥证书 安全体系(一)—— DES算法详解 安全体系(二)——RSA算法详解 为保 ...
- Hibernate乐观锁和悲观锁
Hibernate支持两种锁机制: 即通常所说的"悲观锁(Pessimistic Locking)"和 "乐观锁(OptimisticLocking)". 悲观 ...
- H5 视频
HTML 5 视频 HTML5 简介 HTML5 视频/DOM 许多时髦的网站都提供视频.HTML5 提供了展示视频的标准. 检测您的浏览器是否支持 HTML5 视频: Yes! Full suppo ...
- 微信开发模式 api 接口文档简介
微信公众平台分为订阅号和服务号,服务号提供9大接口,需要通过微信认证后才能使用这些接口.认证费用300元.下面是接口的大致介绍: 1. 语音识别:通过语音识别接口,用户发送的语音,将会同时给出语音识别 ...
- css基础学习---简单理解
1:在css中定义图片相对路径 #primary-nav { //相对路径 background: url(../images/alert-overlay.png) repeat-x; height: ...
- Android + OpenCV - Finding extreme points in contours
原文链接:http://answers.opencv.org/question/134783/android-opencv-finding-extreme-points-in-contours/ 导 ...
- Python中类的方法属性与方法属性的动态绑定
最近在学习python,纯粹是自己的兴趣爱好,然而并没有系统地看python编程书籍,觉得上面描述过于繁琐,在网站找了一些学习的网站,发现廖雪峰老师的网站上面的学习资源很不错,而且言简意赅,提取了一些 ...