TinyMCE5无法通过拖放操作上传图像

时间:2019-09-05 17:54:49

标签: file-upload drag-and-drop tinymce image-uploading tinymce-5

我正在查阅有关“ Image and file upload options”的文档。

它在描述automatic_uploads选项时说的第一件事是:

  

启用或禁用自动上传由数据URL表示的图像   或Blob URI。例如,由于   通过Image Tools插件或在图像处理后进行图像处理   从桌面拖放到编辑器上。

这正是我想要的-将图像拖放到编辑器上时,我希望它将图像上传到服务器。我通读了其余的选项,并提出了以下建议:

tinymce.init({
    automatic_uploads: true,
    images_reuse_filename: true,
    images_upload_credentials: true,
    images_upload_handler:async function (blob,success,failure) {
        console.log(blob)
    },
    // remainder of options here

目前,我只是想在调用上载处理程序时打印调试语句,所以我知道我已经做到了。但是,当我将图像拖到编辑器上时,会出现一个弹出窗口,显示:

Leave site?

Changes you made may not be saved.

[Cancel] [Leave]

如果我说“离开”,它将放弃该站点并在浏览器中显示图像,这不是我想要的。如果我说“取消”,则它会保留在页面上,但不会调用我的上传功能,并且随后尝试将其拖到页面上都无济于事。

为什么这不起作用?有一些我需要安装的插件,在文档页面上没有提到吗?

1 个答案:

答案 0 :(得分:1)

浏览器对待拖放图像的方式可能因浏览器而异。您从哪里拖动图像?您正在使用什么浏览器和操作系统?

在TinyMCE 5中,如果您正确设置了图像上传,则“插入/编辑图像”对话框将具有“上传”选项(左侧的第三个链接)。

enter image description here

您看到这样的选择吗?您可以通过“上传”标签将其拖放到该对话框吗?