溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML5 Web app開發(fā)工具Kendo UI Web教程:圖像瀏覽器的使用

發(fā)布時(shí)間:2020-06-15 11:17:56 來源:網(wǎng)絡(luò) 閱讀:338 作者:巴哥學(xué)說話 欄目:移動(dòng)開發(fā)

Kendo UI Web中的圖像瀏覽器在默認(rèn)的情況下會(huì)打開一個(gè)簡(jiǎn)單的對(duì)話框,如下圖所示,方便用戶鍵入或者是粘貼圖片的URL以及指定一個(gè)工具提示。

HTML5 Web app開發(fā)工具Kendo UI Web教程:圖像瀏覽器的使用

從KendoUIQ3 2012時(shí),編輯器的組件就支持了一個(gè)新的選擇圖片的方法,就是通過瀏覽預(yù)先定義好的文件的列表和目錄,同樣也支持了圖像上傳。

HTML5 Web app開發(fā)工具Kendo UI Web教程:圖像瀏覽器的使用

圖片瀏覽器需要一個(gè)服務(wù)器端實(shí)現(xiàn)檢索和上傳的文件和目錄。

配置ImageBrowser圖像瀏覽器

通過ImageBrowser圖像瀏覽器的配置選項(xiàng),可以高效的配置ImageBrowser圖像瀏覽器。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
$("#editor").kendoEditor({
p_w_picpathBrowser: {
transport: {
read: "p_w_picpathbrowser/read",
destroy: "p_w_picpathbrowser/destroy",
create: "p_w_picpathbrowser/createDirectory",
uploadUrl: "p_w_picpathbrowser/upload",
thumbnailUrl: "p_w_picpathbrowser/thumbnail"
p_w_picpathUrl: "/content/p_w_picpaths/{0}"
}
}
});
});


向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI