微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当 images_upload_handler 返回成功时,在 TinyMCE 上定位 Image 插件的“image_description”

如何解决当 images_upload_handler 返回成功时,在 TinyMCE 上定位 Image 插件的“image_description”

我使用 TinyMCE 和 Image 插件上传带有以下代码的图像文件

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

    function getDescription(){
        console.log("start of getDescription function");
        // Target the image_description/Alternate Description input field
    }
  
    xhr = new XMLHttpRequest();
    xhr.withCredentials = false;
    xhr.open('POST','processes/upload-image.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,getDescription());
    };
  
    formData = new FormData();
    formData.append('file',blobInfo.blob(),blobInfo.filename());
  
    xhr.send(formData);
},

切换到“上传”选项卡并选择本地图像后,文件将被上传并触发 getDescription() 函数(如我所见的 console.log),然后我将返回到图像的此选项卡对话框:

enter image description here

我想要做的是在 getDescription() 函数中使用“认图像”字样填充 image_description/Alternate Description 输入字段,但是我似乎无法在 DOM 中使用字段。

我可以看到使用 file_picker_callback 允许回调以“alt”为目标,有没有办法在 images_upload_handler 上复制它?

或者 file_picker_callback 可以不使用 Blob 而使用文件路径和静态文件(即:http://website.com/test.jpg

非常感谢

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。