Image Uploader的图片上传方法与控件隐藏

原创|其它|编辑:郝浩|2010-05-10 12:06:25.000|阅读 2355 次

概述:Image Uploader作为图像文件批量上传控件,它的强大功能备受青睐。慧都控件网作为 Aurigma 公司在中国地区的独家代理商,除了负责 Aurigma 公司产品的销售及推广工作之外,慧都更注重对其控件产品所蕴含的专业知识进行深入的研究和探索。本文将与您分享 imageUploader筛选图片类别上传的处理方法。

# 您正在找协同办公软件吗?点击这里站长给您推荐 #

  Image Uploader作为图像文件批量上传控件,它的强大功能备受青睐。但是由于是英文版,用户在使用过程中多有不不便,慧都控件网作为 Aurigma 公司在中国地区的独家代理商,除了负责Aurigma公司产品的销售及推广工作之外,慧都更注重对其控件产品所蕴含的专业知识进行深入的研究和探索。慧都控件网会不断的把使用Aurigma经验分享给大家。

  在Image Uploader的实际应用中,能否实现只能上传某种格式的图片,即在该控件中选择文件夹查看图片时,只显示出所选格式的图片,其他格式的文件根本就看不到呢? 事实上,Image Uploader控件是需要点击上传按钮才能上传图片的。若在页面上添加一个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显示的文件类型,*.*标表示显示所有文件
        imageUploader1.setFileMask(selectMode.options[selectMode.selectedIndex].value);
    }

 

  如果用户没有选择图片类别,也不上传图片,这个又怎么实现啊?其实如果用户不选择图片来上传,可以在下拉列表中增加一个选项“文件”,当用户选择“文件”时,可以直接隐藏掉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是一个div的ID,该div中放入ImageUploader控件。
                    document.getElementById("uploader-tab").style.display = "none";
                } else {
                    //用来控制ImageUpload显示的文件类型,*.*标表示显示所有文件
                    imageUploader1.setFileMask(selectMode.options[selectMode.selectedIndex].value);
                }

            }
        }

  Aurigma 公司的重点产品 Image Uploader 不但是慧都的畅销产品之一,而且慧都针对该产品所提供的专业技术支持服务也得到了广大客户的赞许。 因此,为使您在使用Image Uploader控件时更加得心应手, 慧都科技作为Aurigma 公司在中国地区的独家代理,倾情打造了批量上传图文的首选控件——Image Uploader图片上传控件培训
 


(慧都控件网版权所有,转载请注明出处,否则追究法律责任)

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Graphics Mill for .NET

Graphics Mill 一款专为.NET平台而开发的图像处理控件。

File Downloader

File Downloader 是一个用于站点下载的独特工具,支持批量下载。

Turbine Video Uploader

Turbine Video Uploader (TVU) 可以对 Flash Video (FLV) 进行编码,并把它透明传输到网站上或者文件服务器中。

Photo Kiosk

Aurigma Photo Kiosk™ 是适用于印刷订单零售店的一款远程打印软件,可作为无人自动照片冲洗机或个人电脑。

Video Uploader

Aurigma Image Uploader Flash

轻量级基于Flash的图形及文件上传解决方案,多数web2.0普通用户的理想选择,它不仅上传图片快速而且用户友好性高。

Image Uploader Professional

广泛用于网站上传的多功能解决方案,无论社交网站,图片共享服务,在线图片库,还是知识管理系统均可使用。

Image Uploader Express

精湛又实惠的图形及文件上传的多功能解决方案,能为用户提供基本的上传功能合精心设计上传界面。

Image Uploader Print

Image Uploader Print是主要针对图片打印业务需求的图片上传解决方案。

Image Uploader Premium

最强大的跨平台图形处理及文件上传解决方案,且能在上传前完成图片处理工作。

在线
客服
在线
QQ
咨询
电话
173-8239-2642
购物车 反馈 返回
顶部
在线客服系统
live chat