wangeditor2版本如何本地上传图片

wangeditor3版本因为是用div生成的，不能用action的name属性来进行上传。

而2版本是用textarea生成的，可以使用name属性来进行数据的上传。

但是2版本的图片上传是网络图片上传。我们还是比较喜欢本地图片上传。

我们可以借鉴下图：

上图就是如何进行本地图片的添加，这个方法其实是把图片上传到服务器，服务器也就是咱们的项目，红框里的内容必须写在editor.create();的前边。

我们需要在项目里写一个名字叫做upload.ashx的一般处理程序来进行图片的上传（不一定非要使用一般处理程序）

以下是我的一般处理程序的代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace HSWeb.Controllers
{
/// <summary>
/// upload 的摘要说明
/// </summary>
public class upload : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
var files = context.Request.Files;
if (files.Count <= 0)
{
return;
}
HttpPostedFile file = files[0];
if (file == null)
{
context.Response.Write("error|file is null");
return;
}
else
{
string path = context.Server.MapPath("~/upload/");
//存储图片的文件夹
string originalFileName = file.FileName;
string fileExtension = originalFileName.Substring(originalFileName.LastIndexOf('.'), originalFileName.Length - originalFileName.LastIndexOf('.'));
string currentFileName = (new Random()).Next() + fileExtension;
//文件名中不要带中文，否则会出错
//生成文件路径
string imagePath = path + currentFileName;
//保存文件
file.SaveAs(imagePath);
//获取图片url地址
string imgUrl = "/upload/" + currentFileName;
//返回图片url地址
context.Response.Write(imgUrl);
return;
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
}

最后

以上就是糊涂羽毛为你收集整理的wangeditor2版本如何本地上传图片的全部内容，希望文章能够帮你解决wangeditor2版本如何本地上传图片所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。