file-upload - TinyMCE5 不通过拖放上传图像

Question

我正在查看有关“图像和文件上传选项”的文档。

它在描述 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]

如果我说“离开”，它会放弃站点并在浏览器中显示图像，这不是我想要的。如果我说“取消”，那么它会停留在页面上，但我的上传函数永远不会被调用，并且随后尝试拖动到页面上什么都不做。

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

标签： file-uploaddrag-and-droptinymceimage-uploadingtinymce-5

Answer 1

浏览器如何处理拖放的图像可能因浏览器而异。你从哪里拖动图像？您使用的是什么浏览器和操作系统？

在 TinyMCE 5 中，如果您正确设置了图像上传，则插入/编辑图像对话框将有一个上传选项（左侧的第三个链接）。

你看到这样的选择了吗？您可以通过“上传”选项卡拖放到该对话框吗？