Javascript 如何使用文件选择器处理程序和图像上载处理程序使用tinymce上载图像

Javascript 如何使用文件选择器处理程序和图像上载处理程序使用tinymce上载图像,javascript,tinymce,Javascript,Tinymce,默认情况下,tinymce图像没有“浏览”按钮,您可以在其中单击并查看对话框以选择图像。在我的代码中,我试图将图像选择器按钮添加到tinymce,但我发现很难将其与图像上传处理程序结合起来。最后,我如何使用成功回调来更新图片上传路径 tinymce.init({ ... images_upload_handler: function (blobInfo, success, failure) { var xhr, formData; xhr = n

默认情况下,tinymce图像没有“浏览”按钮,您可以在其中单击并查看对话框以选择图像。在我的代码中,我试图将图像选择器按钮添加到tinymce,但我发现很难将其与图像上传处理程序结合起来。最后,我如何使用成功回调来更新图片上传路径

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);
    }
});

我真的不明白为什么,但对我来说,图片上传处理程序不起作用…=

改用file_picker_callback,如我发现的本例所示: