javascript - 如何使用文件选择器处理程序和 images_upload_handler 使用 tinymce 上传图像

Question

默认情况下，tinymce 图像没有浏览按钮，您可以单击该按钮并看到一个对话框来选择图像。在我的代码中，我尝试将图像选择器按钮添加到tinymce，但发现很难将其与images_upload_handler结合起来。最后，我如何使用成功回调来更新 images_upload_base_path。

tinymce.init({
    ...
    images_upload_handler: function (blobInfo, success, failure) {
        var xhr, formData;

        xhr = new XMLHttpRequest();
        xhr.withCredentials = false;
        xhr.open('POST', "postAcceptor.php");

        xhr.onload = function() {
            var json;

            if (xhr.status != 200) {
                failure("HTTP Error: " + xhr.status);
                return;
            }

            json = JSON.parse(xhr.responseText);

            if (!json || typeof json.location != "string") {
                failure("Invalid JSON: " + xhr.responseText);
                return;
            }

            success(json.location);
        };

        formData = new FormData();
        formData.append('file', blobInfo.blob(), blobInfo.filename());

        xhr.send(formData);
    }
});

Answer 1

我不太明白为什么，但对我来说 images_upload_handler 不起作用... =(

改用file_picker_callback，就像我发现的这个例子一样: https://codepen.io/nirajmchauhan/pen/EjQLpV