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

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

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

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

  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图片上传控件培训
 


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

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP