Tinymce 4文件浏览器回调:用于打开本地文件浏览器的函数

Tinymce 4文件浏览器回调:用于打开本地文件浏览器的函数,tinymce,image-uploading,Tinymce,Image Uploading,我在web应用程序上使用Tinymce 4.0。但我真的不知道如何做到这一点:当用户单击浏览按钮时,如何打开本地文件浏览器并从本地文件浏览器向对话框窗口添加图像URL?我有以下源代码: file_browser_callback: function(field_name, url, type, win) {win.document.getElementById(field_name).value = ''; } 但我不知道如何解决这个问题。我不需要特殊的文件浏览器,但需要打开本地文件浏览器的功

我在web应用程序上使用Tinymce 4.0。但我真的不知道如何做到这一点:当用户单击浏览按钮时,如何打开本地文件浏览器并从本地文件浏览器向对话框窗口添加图像URL?我有以下源代码:

file_browser_callback: function(field_name, url, type, win) {win.document.getElementById(field_name).value = ''; }
但我不知道如何解决这个问题。我不需要特殊的文件浏览器,但需要打开本地文件浏览器的功能

这里是TinyMCE docs的演示片段:

注意:不幸的是,它在这里似乎不能作为StackOverflow代码段工作

tinymce.init({
选择器:“#编辑器”,
插件:“图像代码”,
工具栏:“撤消重做|链接图像|代码”,
//在“图像”对话框中启用“标题”字段
图片标题:正确,
//启用由blob或数据URI表示的图像的自动上载
自动上传:正确,
//我们的上载处理程序的URL(有关更多详细信息,请检查:https://www.tinymce.com/docs/configure/file-image-upload/#images_upload_url)
图片上传url:'postAcceptor.php',
//在这里,我们只将自定义文件选择器添加到“图像”对话框中
文件\u选择器\u类型:“图像”,
//这是我们的自定义图像选择器
文件选择器回调:函数(cb、值、元){
var input=document.createElement('input');
input.setAttribute('type','file');
setAttribute('accept','image/*');
//注意:在现代浏览器中,输入[type=“file”]功能正常,没有
//甚至将其添加到DOM中,但在一些较旧的应用程序中可能不是这样
//或者像IE这样古怪的浏览器,所以您可能希望将其添加到DOM中
//以防万一,并在视觉上隐藏它。不要忘记将其移除
//一旦你不再需要它。
input.onchange=函数(){
var file=this.files[0];
//注意:现在我们需要在TinyMCEs图像blob中注册blob
//在下一个版本中,希望这部分不会被删除
//必要的,因为我们正在寻求内部处理。
变量id='blobid'+(新日期()).getTime();
var blobCache=tinymce.activeEditor.editorUpload.blobCache;
var blobInfo=blobCache.create(id,文件);
blobCache.add(blobInfo);
//调用回调函数并用文件名填充标题字段
cb(blobInfo.blobUri(),{title:file.name});
};
输入。单击();
}
});


难道没有一个插件可以做到这一点吗?我以前使用过HTML编辑器——我想最后一个是FKDeditor——几乎所有东西都有一个插件。TinyMCE的作者为此创建了一个插件,但它是付费的。