wangEditor富文本上传图片使用AJAX到本地服务器

最新推荐文章于 2024-03-04 19:53:14 发布

胡士

最新推荐文章于 2024-03-04 19:53:14 发布

阅读量2.8k

点赞数

分类专栏： ASP.NET学习笔记

本文链接：https://blog.csdn.net/weixin_41806853/article/details/94405838

版权

首先理解文件上传原理，从富文本中获取文件流到后台，后台将文件流存储到本地服务器。实际上使用富文本和使用input file原理相同。

前端页面文件

<body>
    <div class="hty_content_div">
        <input type="text" value="请输入标题">
        <div class="title_menu" id="div1"></div>
        <div class="hty_padding"></div>
        <div class="hty_opacity">
            <div class="text" id="div2"></div>
        </div>
    </div>
</body>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/wangEditor.js"></script>
<script type="text/javascript" src="js/write.js"></script>

write.js文件

var host = null;
$(function(){
   
    var hostname = location.hostname;                  //域名主机号
    var port = location.port;                          //域名端口号
    host = location.host;                              //主机名+端口号
    alert(host);
});
var E = window.wangEditor;                             //初始化wangeditor富文本编辑器，富文本网址  https://www.kancloud.cn/wangfupeng/wangeditor3/335768
var editor = new E('#div1','#div2');				   //分别绑定富文本编辑器的菜单栏和编辑框
editor

最低0.47元/天解锁文章

胡士

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
wangEditor富文本上传图片使用AJAX到本地服务器

首先理解文件上传原理，从富文本中获取文件流到后台，后台将文件流存储到本地服务器。实际上使用富文本和使用input file原理相同。前端页面文件<body> <div class="hty_content_div"> <input type="text" value="请输入标题"> <div class="ti...
复制链接

扫一扫