之前有写过一篇文章,基于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. QMediaPlayer占用CPU过高问题

    根据搜索引擎的结果,要想实现QT下播放多媒体,一般有两种方案:一种是使用第三方插件,好像叫Phonon:一种是使用QT自带的QMediaplayer. 两种方法各有利弊.使用第三方插件,则方便易用,封 ...

  2. Collector for ArcGIS的使用体验

    基于Esri的Portal for ArcGIS(下面简称Portal),用户可以搭建一个本地的地理信息云平台.围绕着这个云平台,Esri为不同的终端提供了响应的解决方案,其中Collector fo ...

  3. 3097: Hash Killer I

    3097: Hash Killer I Time Limit: 5 Sec  Memory Limit: 128 MBSec  Special JudgeSubmit: 425  Solved: 15 ...

  4. 1623: [Usaco2008 Open]Cow Cars 奶牛飞车

    1623: [Usaco2008 Open]Cow Cars 奶牛飞车 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 291  Solved: 201[S ...

  5. 1637: [Usaco2007 Mar]Balanced Lineup

    1637: [Usaco2007 Mar]Balanced Lineup Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 393  Solved: 263[ ...

  6. 腾讯云数据库团队:MySQL AHI 实现解析

    MySQL 定位用户记录的过程可以描述为:打开索引 -> 根据索引键值逐层查找 B+ 树 branch 结点 -> 定位到叶子结点,将 cursor 定位到满足条件的 rec 上:如果树高 ...

  7. 学生选课数据库SQL语句45道练习题整理及mysql常用函数(20161019)

    学生选课数据库SQL语句45道练习题: 一.            设有一数据库,包括四个表:学生表(Student).课程表(Course).成绩表(Score)以及教师信息表(Teacher).四 ...

  8. jsp想js,action传值

    1.struts2 action如何向JSP的JS函数传值 action中定义变量 public class TestAction extends ActionSupport implements S ...

  9. mac 下安装securecrt

    下载文件链接中附带的文件. 1.先找到secureCRT的包内容,进入MACOS文件夹.替换crack中的secureCRT文件. 2.断网.进入软件,显示你的验证码过期.点continue.选择手动 ...

  10. ps-色彩饱和度的设计

    1-    图层区—复制背景图层            防止原图修改失败后无法还原 2-    选项区——选择—色彩范围              以色彩为标准来对图片进行选区 3-    点击图片上 ...