Question

我尝试设置Kendo UI Editor的上传网址和ThumbnailUrl的请求标头以进行授权。

＆＃13;

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

＆＃13;

我试过这个。有谁知道如何设置它？ Kendo UI Upload有上传事件，后端编辑器也使用Kendo UI Upload。帮助将不胜感激。感谢

Answer 1

我得到了telerik支持的回答。没有上传的事件。但是我们可以在execute事件中绑定它。这是代码

＆＃13;

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

＆＃13;

没有办法为缩略图请求设置标头。所以我通过在缩略图请求中将用户ID作为查询字符串来实现此功能。

＆＃13;

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

＆＃13;

希望我的回答会有所帮助。

Kendo UI Editor上传和缩略图Url事件

1 个答案: