• wangEditor 文本编辑器


    参考:https://www.cnblogs.com/Scholars/p/8968838.html

    下载:http://www.wangeditor.com/

    前端代码:

    <script type="text/javascript">
        //下面这两行脚本就是弹出文本框
        var E = window.wangEditor
        var editor = new E('#editor')
        // 上传图片(举例)
        editor.customConfig.uploadImgServer = '/upload.ashx'
    
        //将网络图片隐藏掉
        editor.customConfig.showLinkImg = false
    
        // 将 timeout 时间改为 3s
        editor.customConfig.uploadImgTimeout = 1000 * 10;
    
        document.getElementById('btn1').addEventListener('click', function () {
            // 读取 html
            alert(editor.txt.html())
        }, false)
    
        editor.create();
    </script>
    
    
    <body>
         <form id="newspost" method="post" action="newspost" enctype="multipart/form-data">
    
        <input type="hidden" id="content" name="content"/>
        <div style="padding: 5px 0; color: #ccc"></div>
        <div id="editor"></div>
        <br/>
     
        </form>
        <button id="btn1">获取html</button>
    </body>

    后端代码(一般处理程序):

    using System;
    using System.Collections.Generic;
    using System.IO;
    using System.Linq;
    using System.Web;
    
    namespace WebApplication1
    {
        /// <summary>
        /// upload 的摘要说明
        /// </summary>
        public class upload : IHttpHandler
        {
    
            public void ProcessRequest(HttpContext context)
            {
                context.Response.ContentType = "text/plain";
                context.Response.Charset = "utf-8";
    
                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 Url = "http://192.168.0.20:8099/IMG/";
    
                    string path = context.Server.MapPath("/Upader/Img/");  //存储图片的文件夹
                    if (!Directory.Exists(path))
                    {
                        Directory.CreateDirectory(path);
                    }
    
                    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 = "./Upader/Img/" + currentFileName;
    
                    string Json = "{"data": ["../../" + imgUrl.Replace(@"", @"/") + ""],"errno":"0"}";
    
                    //返回图片url地址
                    context.Response.Write(Json);
                    return;
                }
            }
    
            
    
            public bool IsReusable
            {
                get
                {
                    return false;
                }
            }
        
        }
    }
    
    一般处理程序代码
  • 相关阅读:
    快速排序和二分查找
    机器学习实战6-线性回归
    机器学习实战5-AdaBoost
    机器学习实战4-SVM
    机器学习实战3-贝叶斯分类
    机器学习实战2-决策树
    win10下caffe安装与mnist测试实验注意点
    机器学习实战1-K均值
    scikit-learn中机器学习模型比较(逻辑回归与KNN)
    结合前向后向算法求隐马尔科夫模型观测序列O的概率
  • 原文地址:https://www.cnblogs.com/zhang1f/p/11104938.html
Copyright © 2020-2023  润新知