• MVC ueditor的使用(实现上传图片功能)


    之前使用ckeditor不能实现上传图片功能,只要是我不知道怎么使用啦o( ̄ε ̄*),然后就换了ueditor~~,可以实现上传图片功能啦~(≧▽≦)/~~

    下面是我的步骤:去官网下载最新版ueditor,解压缩后放到文件目录下,如下:

    <script src="~/Content/ueditor/ueditor.all.js"></script>
    <script src="~/Content/ueditor/ueditor.all.min.js"></script>
    <script src="~/Content/ueditor/ueditor.config.js"></script>
    <link href="~/Content/ueditor/themes/iframe.css" rel="stylesheet" />
    <script type="text/javascript" >
        var editor = new baidu.editor.ui.Editor({
            UEDITOR_HOME_URL: '/Content/ueditor/',//配置编辑器路径
            iframeCssUrl: '/Content/ueditor/themes/iframe.css',//样式路径
            initialContent: '欢迎使用ueditor',//初始化编辑器内容
            autoHeightEnabled: true,//高度自动增长
            minFrameHeight: 500//最小高度
        });
        editor.render('Text');
    </script>
    <style>


     <td>内容:</td>
    <td>
     <textarea cols="80" id="content" name="Text" rows="10"></textarea>
    </td>

     

    在文件夹里面新增文件夹upload,image

    做好这几步后,就可以实现上传图片功能了。但是我出现了下面这种问题:

    调试后是这种错误:

    百度无果,然后发现是这个ueditor文件夹没有完全包含在项目里面,然后作如下操作就可以了:

  • 相关阅读:
    Spring之Condition(二)在哪里解析的
    SpringBoot启动跟代码过程
    Spring之Condition(一)
    Kafka之 vm.max_map_count
    Redis常见面试题
    Redis为什么快
    TCP一个包多大
    场景问题
    这是一个测试
    小程序-使用django-drf开接口的步骤
  • 原文地址:https://www.cnblogs.com/miaoying/p/4937644.html
Copyright © 2020-2023  润新知