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 协议》,转载必须注明作者和本文链接
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

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