我们的网站一般放在虚拟空间或者服务器上，图片如果存在本地目录，会占用很多空间和流量，还增加了负担，好的办法是把图片存放到云储存服务里面，平时用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
三、上传图片到七牛
四、设置图片尺寸
五、加入相册
时间： 2024-11-03 18:59:51