1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Layui富文本编辑器图片上传接口(.NET C#)

Layui富文本编辑器图片上传接口(.NET C#)

时间:2019-09-02 01:34:36

相关推荐

Layui富文本编辑器图片上传接口(.NET C#)

本来想偷懒找个现成的接口,搜了一下发现没有现成的,那我在这写一个并分享给大家吧。

demo打包好了在我的csdn下载中心:/download/xianglikai1/9970000

下面也有代码和结构,你也可以复制代码。

先来张效果图:

layui的富文本编辑器样子是真的好看,简洁,虽然功能不多但是足够了,感觉唯一的小遗憾就是图片上传后不能拖拽编辑大小,只能在上传之前做好图片的尺寸,这一点百度的重量级UEditor就比较好了,但是,在我这里好看的优先级比较高。

接下来就是demo了

demo结构:

imgUploads文件夹是图片上传后保存的位置

layui这个就不用说了

server中的editimgup.ashx就是我们的图片上传接口

HtmlPage.html是我们的页面

页面的代码:

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8" /><title></title><link href="layui/css/layui.css" rel="stylesheet" /></head><body style="background-color:#eee;"><div style="width:90%;margin-left:5%;margin-top:100px;background-color:#fff;"><textarea id="txt" style="display:none;"></textarea></div><input type="button" value="获取内容" id="btn1" class="layui-btn" style="margin-left:5%;margin-top:20px;" /></body></html><script src="layui/layui.js"></script><script type="text/javascript">window.onload = function () {layui.use('layedit', function () {var layedit = layui.layedit;layedit.set({uploadImage: {url: 'server/editimgup.ashx' //接口url, type: 'post' //默认post}});var editIndex = layedit.build('txt', {height: 400});document.getElementById('btn1').onclick = function () {alert(layedit.getContent(editIndex));}});}</script>

editimgup.ashx接口代码:(这注释可满意?)

<%@ WebHandler Language="C#" Class="editimgup" %>using System;using System.Web;using System.IO; //需要这三个命名空间using System.Drawing;//***using System.Drawing.Imaging;//***public class editimgup : IHttpHandler{public void ProcessRequest(HttpContext context){string end = "{\"code\": 1,\"msg\": \"服务器故障\",\"data\": {\"src\": \"\"}}"; //返回的jsonvar file = context.Request.Files[0]; //获取选中文件Stream stream = file.InputStream; //将文件转为流Image img = Image.FromStream(stream);//将流中的图片转换为Image图片对象Random ran = new Random((int)DateTime.Now.Ticks);//利用时间种子解决伪随机数短时间重复问题//文件保存位置及命名,精确到毫秒并附带一组随机数,防止文件重名,数据库保存路径为此变量string serverPath = "/imgUploads/" + DateTime.Now.ToString("yyyyMMddhhmmssms") + ran.Next(99999) + ".jpg";//路径映射为绝对路径string path = context.Server.MapPath(serverPath);try{img.Save(path, ImageFormat.Jpeg);//图片保存,JPEG格式图片较小//保存成功后的jsonend = "{\"code\": 0,\"msg\": \"成功\",\"data\": {\"src\": \"" + serverPath + "\"}}";}catch { }context.Response.Write(end);//输出结果context.Response.End();}public bool IsReusable{get{return false;}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。