TinyMCE file_picker_callback从默认浏览器文件选择中选择文件

时间:2019-05-07 11:16:50

标签: javascript php file-upload tinymce

我在项目中使用TinyMCE,希望用户使用其默认的“插入/编辑链接”窗口选择文件并将其上传到服务器。

enter image description here

以下代码适用于图像,但是我不确定在为链接插入文件的情况下如何处理。

tinymce.init({
selector: "#uploadElementDiv",
plugins: [
    "link image"
],
toolbar: "link unlink image",
image_advtab: true,
file_picker_types: 'file image',
file_picker_callback: function(callback, value, meta) {
  if (meta.filetype == 'image') {
    $('#upload').trigger('click');
    $('#upload').on('change', function() {
      var file = this.files[0];
      var reader = new FileReader();
      reader.onload = function(e) {
        callback(e.target.result, {
          alt: ''
        });
      };
      reader.readAsDataURL(file);
    });
  }
  if (meta.filetype == 'file') {
  //some code here
  }
}

}

 <iframe id="uploadElementDiv" contenteditable="true" style="width:100%;border:none;height:100%;margin-top:10px;" ></iframe>
   <input name="image" type="file" id="upload" class="hidden" onchange="">

0 个答案:

没有答案