javascript - Kendo UI 编辑器上传和缩略图 Url 事件

Question

我正在尝试设置 Kendo UI 编辑器的上传 Url 和 ThumbnailUrl 的请求 header 以进行授权。

$(document).on("change", "input[name=file]", function (e) {
    $("#Template").data("kendoEditor").options.imageBrowser.transport.uploadUrl.beforeSend = function (xhr) {
        xhr.setRequestHeader("Authorization", GetToken());
    };
});

这个我已经试过了。有人知道如何设置吗？ Kendo UI Upload 有其上传事件，并且后端编辑器也使用 Kendo UI Upload。帮助将不胜感激。谢谢

Answer 1

我从 Telerik 支持部门得到了答复。没有上传事件。但我们可以将它绑定(bind)在执行事件中。这是代码

function onExecute(e) {
    if (e.name == "insertimage") {
        setTimeout(function () {
            var imagebrowser = $("[data-role=imagebrowser]").data("kendoImageBrowser");
            imagebrowser.upload.bind("upload", function (e) {
                var xhr = e.XMLHttpRequest;
                if (xhr) {
                    xhr.addEventListener("readystatechange", function (e) {
                        if (xhr.readyState === 1 /* OPENED */) {
                            xhr.setRequestHeader("Authorization", GetToken());
                        }
                    });
                }
            });
        }, 0);
    }
}

无法为缩略图请求设置 header 。因此，我通过在缩略图请求中将用户 ID 作为查询字符串发送来实现此功能。

 thumbnailUrl: hostHeaderUrl + "api/ImageBrowser/Thumbnail?userId=" + currUserId

希望我的回答对您有所帮助。