玖玖爱网,黑人在线视频,日韩欧美一区二区三区

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

原創(chuàng)|行業(yè)資訊|編輯：郝浩|2013-10-24 10:52:02.000|閱讀 1004 次

概述：

Kendo UI Web包含數(shù)百個創(chuàng)建HTML5 web app的必備元素，包括UI組件、數(shù)據(jù)源、驗證、一個MVVM框架、主題、模板等。本文來看看圖像瀏覽器的使用。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

Kendo UI Web中的圖像瀏覽器在默認的情況下會打開一個簡單的對話框，如下圖所示，方便用戶鍵入或者是粘貼圖片的URL以及指定一個工具提示。

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

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

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

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

配置ImageBrowser圖像瀏覽器

通過ImageBrowser圖像瀏覽器的配置選項，可以高效的配置ImageBrowser圖像瀏覽器。

$(document).ready(function(){
     $("#editor").kendoEditor({
         imageBrowser: {
            transport: {
                read: "imagebrowser/read",
                destroy: "imagebrowser/destroy",
                create: "imagebrowser/createDirectory",
                uploadUrl: "imagebrowser/upload",
                thumbnailUrl: "imagebrowser/thumbnail"
                imageUrl: "/content/images/{0}"
            }
         }
     });
  });

對于創(chuàng)建/讀取/銷毀/上傳操作的請求和響應(yīng)可以按照下面的方式實現(xiàn)：

創(chuàng)建——可以用下面的參數(shù)實現(xiàn)目錄的創(chuàng)建請求，不包括響應(yīng)。

{ "name": "New folder name", "type": "d", "path": "foo/" }

讀取——發(fā)送路勁參數(shù)來指定要被瀏覽的對象。除了下列格式。

[
    { "name": "foo.png", "type": "f", "size": 73289 },
    { "name": "bar.jpg", "type": "f", "size": 15289 },
    ...
]

這里的name是文件或是路徑的名稱，type是這個file的“f”或是對于目錄rectory的“d”，size就是文件的大小。

銷毀——可以用下面的參數(shù)做請求。

name – 選中要刪除的文件和目錄

  type – 輸入將要刪除的是文件還是路徑（f或是d）

size – 文件的大小

上傳——給uploadUrl發(fā)送一個請求，這個請求負載包含上傳文件，預(yù)計一個文件對象在響應(yīng)。

{ "name": "foo.png", "type": "f", "size": 12345 }

>>>Kendo UI Web下載

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都控件網(wǎng)

上一篇：Python開發(fā)環(huán)境Wing IDE使用教程：設(shè)立項目下一篇：直接拿來用！移動開發(fā)者不容錯過的8款JavaScript框架

相關(guān)產(chǎn)品

軟件

產(chǎn)品功能：IDE集成開發(fā)環(huán)境

源碼：非開源

產(chǎn)品編號：10670

當(dāng)前版本：v13.6.1 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： Zend

正式授權(quán)

">Zend Studio

Zend Studio是新一代的專業(yè)級智能PHP IDE（應(yīng)用程序開發(fā)環(huán)境）。

最新文章 MORE

金喜正規(guī)買球相關(guān)的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

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

用科技創(chuàng)就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

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

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology