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;
            }
        }
    }
}


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值