在现有模块中的Summernote中上传视频

问题描述

如果您使用的是Summernote编辑器，并且想将视频上传到您自己的服务器（URL除外）然后跟随这些变化。

在您的 summernote.js 或 summernote.min.js 中，更改视频弹出网址部分中的以下几行

更改此

'<input id="note-dialog-video-url-'.concat(this.options.id,'" class="note-video-url form-control note-form-control note-input" type="text"/>

进入

'<input id="note-dialog-video-url-'.concat(this.options.id,'" class="note-video-url form-control note-form-control note-input" type="text"/><br><input type="file" accept="video/*" class="form-control" name="videoUpload" id="videoUpload" />

将此添加到您的索引文件中

Ajax：

 $('#videoUpload').change(function(){

  var file_data = $("#videoUpload").prop("files")[0];
  var form_data = new FormData();
    form_data.append("image",file_data);
    for (var key of form_data.entries()) {
       console.log(key[0] + ',' + key[1]);
     }
     $.ajax({
    url: 'uploadVid.PHP',cache: false,contentType: false,processData: false,data: form_data,type: "post",success: function(url) {
console.log(url);
        var image = $('<video width="640" height="360" class="note-video-clip dragover" controls draggable>').attr('src',url);
        $('#summernote').summernote("insertNode",image[0]);
    },error: function(data) {
        console.log(data);
    }
  });

  });

用于视频上传的PHP 代码

 <?PHP

     if ($_FILES['image']['name']) {
        if (!$_FILES['image']['error']) {
            $name = md5(rand(100,200));
            $ext = explode('.',$_FILES['image']['name']);
            $filename = $name . '.' . $ext[1];
            $destination = 'video/' . $filename; //change this directory
            $location = $_FILES["image"]["tmp_name"];
            move_uploaded_file($location,$destination);
            echo 'http://localhost/summer/video/' . $filename;//change this URL
        }
        else
        {
          echo  $message = 'Ooops!  Your upload triggered the following error:  '.$_FILES['file']['error'];
        }
    }

  ?>

这些更改后，您的文件将被上传。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ajax javascript