layui编辑器上传图片

最新推荐文章于 2024-08-14 15:54:55 发布

qq_25591259

最新推荐文章于 2024-08-14 15:54:55 发布

阅读量3.9k

点赞数

分类专栏：前端编辑器经验总结前端框架文章标签： layui编辑器

本文链接：https://blog.csdn.net/qq_25591259/article/details/82818853

版权

本文详细介绍了如何在layui编辑器中实现图片上传功能，包括配置步骤、前端交互及后端接口处理，帮助开发者更好地集成和使用layui编辑器。

摘要由CSDN通过智能技术生成

1.下载layui

https://www.layui.com/(layui前端框架由贤心创作)

2.查看文档

https://www.layui.com/doc/modules/laypage.html(编辑器)

3.实例展示

   var index;
    var layedits;
    layui.use(['form', 'layedit','jquery','layer','laydate','upload'],function()  {
        var form = layui.form
          , layer = layui.layer//弹层
          , layedit = layui.layedit//编辑器
          , laydate = layui.laydate//日期
          , upload = layui.upload//上传
        ,$ = layui.jquery;
        //上传图片,必须放在 创建一个编辑器前面
      layedit.set({
          uploadImage: {
               url: '/notice/uploadFile' //接口url
              ,type: 'post' //默认post
              ,accept: 'file' //支持所有类型文件
          }
      });
      //创建一个编辑器
       index = layedit.build('content'),
       layedits= layui.layedit;    
      //编辑器外部操作
      var active = {
        content: function(){
          alert(layedit.getCon