TinyMCE 5 不通过拖放上传图像

Question

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

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

Enable or disable automatic upload of images represented by data URLs or blob URIs. Such images get generated, for example, as a result of image manipulation through Image Tools plugin, or after image is drag-n-dropped onto the editor from the desktop.

这正是我想要的 - 当图像被拖放到编辑器上时，我希望它能将图像上传到我的服务器。我通读了其余选项并得出以下结论：

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]

如果我说 "Leave" 它会放弃该站点并在浏览器中显示图像，这不是我想要的。如果我说 "Cancel" 然后它会留在页面上，但我的上传功能永远不会被调用，并且随后尝试拖到页面上也没有任何作用。

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

Answer 1

浏览器如何处理 dragged/dropped 图像可能因浏览器而异。你从哪里拖动图像？您使用的是什么浏览器和 OS？

在 TinyMCE 5 中，如果您正确设置了图像上传，Insert/Edit 图像对话框将有一个上传选项（左侧第三个 link）。

你看到这样的选项了吗？您可以通过“上传”选项卡 drag/drop 进入该对话框吗？

TinyMCE 5 不通过拖放上传图像

TinyMCE5 not uploading images on drag-n-drop

file-upload

drag-and-drop

tinymce

image-uploading

tinymce-5