码迷,mamicode.com
首页 > Windows程序 > 详细

UEditor上传图片到七牛云储存(c#)

时间:2016-07-30 14:56:02      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:

我们的网站一般放在虚拟空间或者服务器上,图片如果存在本地目录,会占用很多空间和流量,还增加了负担,好的办法是把图片存放到云储存服务里面,平时用url去拿

云储存:普遍说又拍云和七牛比较好,看到七牛免费额度很大,网上评价也挺好的,我就选了七牛

编辑器:我用的是百度的UEditor编辑器,之后需要修改一些的开放的类和js文件

下面写一下c#版本的修改方法(java版本在下一篇)

 

一、集成UEditor

1、在项目中加入UEditor

在UEditor的下载页,可以下载到最新的1.4.3.3 .Net版本(UTF-8)

把解压出文件夹放进项目

2、添加Newtonsoft.Json.dll引用

项目 -> 引用 -> 添加引用,找到UEditor\net\Bin\Newtonsoft.Json.dll添加引用

3、将UEditor嵌入页面

新建一个页面,内容是:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UEditorPage.aspx.cs" Inherits="NetImgUpload.UEditorPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>UEditor上传图片到七牛(.net)</title>
    <script src="/UEditor/ueditor.config.js" type="text/javascript"></script>
    <script src="/UEditor/ueditor.all.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <script type="text/plain" id="editor" name="editContent" style="width:600px; height:300px;"></script>
        <script type="text/javascript">
            var ue = UE.getEditor(‘editor‘);
        </script>
    </div>
    </form>
</body>
</html>

4、运行效果

最后的文件目录:

技术分享

页面的运行效果:

技术分享

 

二、集成七牛sdk

 

三、上传图片到七牛

 

四、设置图片尺寸

 

五、加入相册

 

UEditor上传图片到七牛云储存(c#)

标签:

原文地址:http://www.cnblogs.com/ctxsdhy/p/5720820.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!