美文网首页
ThinkPHP配置wangEdit图片上传接口

ThinkPHP配置wangEdit图片上传接口

作者: 跹尘 | 来源:发表于2018-08-06 10:35 被阅读32次

前端代码

<script type="text/javascript" src="/wangEditor.min.js"></script>
    <script type="text/javascript">
      var E = window.wangEditor
      var editor = new E('#editor')
      // 或者 var editor = new E( document.getElementById('editor') )
         editor.customConfig.uploadImgServer = '/upload/index'
         editor.customConfig.uploadFileName = 'image'
         editor.customConfig.menus = [
           'head',  // 标题
             'bold',  // 粗体
             'fontSize',  // 字号
             'fontName',  // 字体
             'italic',  // 斜体
             'underline',  // 下划线
             'strikeThrough',  // 删除线
             'foreColor',  // 文字颜色
             'backColor',  // 背景颜色
             'link',  // 插入链接
             'list',  // 列表
             'justify',  // 对齐方式
             'emoticon',  // 表情
             'image',  // 插入图片
             'table',  // 表格
             'undo',  // 撤销
             'redo'  // 重复
]
      editor.create()
    function getHtml(){
      document.getElementById('content').value=editor.txt.html();
    }
    </script>

后端代码

<?php
namespace app\upload\controller;

use  think\Url;
use  think\Controller;
use  think\Db;
use  think\Request;
use  Think\Upload;



class Index extends Controller
{
public function index()
{
  // 获取表单上传文件 例如上传了001.jpg
  $file = request()->file('image');
  // 移动到框架应用根目录/public/uploads/ 目录下
  if($file){
      $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
      if($info){
          // 成功上传后 获取上传信息
          // 输出 jpg
          $path=$info->getSaveName();
          $path=str_replace('\\', '/',"/uploads/".$path);
          $file_road=array('errno'=>0,'data'=>array($path));
          echo json_encode($file_road);
          // echo $info->getExtension();
          // // 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg
          // echo $info->getSaveName();
          // // 输出 42a79759f284b767dfcb2a0197904287.jpg
          // echo $info->getFilename();
      }else{
          // 上传失败获取错误信息
          echo $file->getError();
      }
  }

}
}

相关文章

网友评论

      本文标题:ThinkPHP配置wangEdit图片上传接口

      本文链接:https://www.haomeiwen.com/subject/piswvftx.html