原創(chuàng)|其它|編輯:郝浩|2010-05-10 12:06:25.000|閱讀 3050 次
概述:Image Uploader作為圖像文件批量上傳控件,它的強(qiáng)大功能備受青睞。慧都控件網(wǎng)作為 Aurigma 公司在中國(guó)地區(qū)的獨(dú)家代理商,除了負(fù)責(zé) Aurigma 公司產(chǎn)品的銷售及推廣工作之外,慧都更注重對(duì)其控件產(chǎn)品所蘊(yùn)含的專業(yè)知識(shí)進(jìn)行深入的研究和探索。本文將與您分享 imageUploader篩選圖片類別上傳的處理方法。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
Image Uploader作為圖像文件批量上傳控件,它的強(qiáng)大功能備受青睞。但是由于是英文版,用戶在使用過程中多有不不便,慧都控件網(wǎng)作為 Aurigma 公司在中國(guó)地區(qū)的獨(dú)家代理商,除了負(fù)責(zé)Aurigma公司產(chǎn)品的銷售及推廣工作之外,慧都更注重對(duì)其控件產(chǎn)品所蘊(yùn)含的專業(yè)知識(shí)進(jìn)行深入的研究和探索。慧都控件網(wǎng)會(huì)不斷的把使用Aurigma經(jīng)驗(yàn)分享給大家。
在Image Uploader的實(shí)際應(yīng)用中,能否實(shí)現(xiàn)只能上傳某種格式的圖片,即在該控件中選擇文件夾查看圖片時(shí),只顯示出所選格式的圖片,其他格式的文件根本就看不到呢? 事實(shí)上,Image Uploader控件是需要點(diǎn)擊上傳按鈕才能上傳圖片的。若在頁面上添加一個(gè)DropDownList用來判斷有沒有選擇圖片類別,如果沒有選擇圖片類別就終止傳輸功能,選擇了圖片類別才能上傳圖片。選擇圖片上傳參考如下的方法:
<select id="selectMode" onchange="selectMode_change();">
<option value="*.jpg" selected="selected">jpg圖片</option>
<option value="*.jpeg">jpeg圖片</option>
<option value="*.bmp">bmp圖片</option>
<option value="*.npg">npg圖片</option>
</select>
function selectMode_change() {
imageUploader1 = getImageUploader('ImageUploader1');
if (imageUploader1) {
var selectMode = document.getElementById("selectMode");
//用來控制ImageUpload顯示的文件類型,*.*標(biāo)表示顯示所有文件
imageUploader1.setFileMask(selectMode.options[selectMode.selectedIndex].value);
}
如果用戶沒有選擇圖片類別,也不上傳圖片,這個(gè)又怎么實(shí)現(xiàn)啊?其實(shí)如果用戶不選擇圖片來上傳,可以在下拉列表中增加一個(gè)選項(xiàng)“文件”,當(dāng)用戶選擇“文件”時(shí),可以直接隱藏掉Image Uploader控件,用戶就無法選擇圖片類別,自然也就無法上傳圖片。隱藏Image Uploader控件方法如下:
select id="selectMode" onchange="selectMode_change();">
<option value="*.jpg" selected="selected">jpg圖片</option>
<option value="*.jpeg">jpeg圖片</option>
<option value="*.bmp">bmp圖片</option>
<option value="*.npg">npg圖片</option>
<option value="文件">文件</option>
</select>
function selectMode_change() {
imageUploader1 = getImageUploader('ImageUploader1');
if (imageUploader1) {
var selectMode = document.getElementById("selectMode");
if (selectMode.options[selectMode.selectedIndex].value == "文件") {
//uploader-tab是一個(gè)div的ID,該div中放入ImageUploader控件。
document.getElementById("uploader-tab").style.display = "none";
} else {
//用來控制ImageUpload顯示的文件類型,*.*標(biāo)表示顯示所有文件
imageUploader1.setFileMask(selectMode.options[selectMode.selectedIndex].value);
}
}
}
Aurigma 公司的重點(diǎn)產(chǎn)品 Image Uploader 不但是慧都的暢銷產(chǎn)品之一,而且慧都針對(duì)該產(chǎn)品所提供的專業(yè)技術(shù)支持服務(wù)也得到了廣大客戶的贊許。 因此,為使您在使用Image Uploader控件時(shí)更加得心應(yīng)手, 慧都科技作為Aurigma 公司在中國(guó)地區(qū)的獨(dú)家代理,傾情打造了批量上傳圖文的首選控件——Image Uploader圖片上傳控件培訓(xùn)。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)