Dcat-admin tinymce富文本编辑器本地视频上传

前瞻:tinymce富文本编辑器上传多媒体默认是复制视频链接,不能本地直接上传,下面的方法是拉起本地上传后把链接赋值到链接

  1. 编辑Dcatadmin集成的editor
    $form->editor('content')->options([
               'file_picker_types'=> 'media',
               'file_picker_callback'=>JavaScript::make(<<<JS
                 //为不同插件指定文件类型及后端地址
                 switch(meta.filetype){
                     case 'media':
                         filetype='.mp3, .mp4';
                         upurl='/api/v1/upload/video';
                         break;
                     case 'file':
                     default:
                 }
         //模拟出一个input用于添加本地文件
         var input = document.createElement('input');
             input.setAttribute('type', 'file');
             input.setAttribute('accept', filetype);
         input.click();
         input.onchange = function() {
             var file = this.files[0];
             var formData;
             console.log(file.name);
             formData = new FormData();
             formData.append('file', file, file.name );
                $.ajax({
                 url:upurl, /*接口域名地址*/
                 type:'post',
                 data: formData,
                 contentType: false,
                 processData: false,
                 success:function(res){
                     console.log(res.data);
                     callback(res.data.url);
                 }
             })
         }
    JS),
    ]);
本作品采用《CC 协议》,转载必须注明作者和本文链接
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!