当前位置:  开发笔记 > 编程语言 > 正文

Nervgh Angular File Upload - 如何限制要上传的图像数量?

如何解决《NervghAngularFileUpload-如何限制要上传的图像数量?》经验,为你挑选了1个好方法。

我正在测试这个Angular模块" Nervgh Angular File Upload "用于文件上传,到目前为止,我能够按照指令中给出的示例来实现它.这允许多次上传.虽然我阅读了我可以使用的属性和方法,但我仍然不知道如何限制允许上传的数量.例如,在我的表单中,我不想让用户上传超过3张照片.我怎样才能做到这一点?

ATM,我按照上面链接中给出的示例使用以下代码:

    
 

    
        Uploads only images (with canvas preview)
        

        
        
        

        

        
        
        
        
        

        

    

    
    

        

Select files

Base drop zone
Another drop zone with its own settings

Uploads only images (with canvas preview)

The queue

Queue length: {{ uploader.queue.length }}

Name Size Progress Status Actions
{{ item.file.name }}
{{ item.file.size/1024/1024|number:2 }} MB

Queue progress:

有谁知道如何限制此表单中允许的最大文件上传次数?



1> aaafly..:

使用angular-file-upload v1.0.2

有预定义的过滤器 https://github.com/nervgh/angular-file-upload/wiki/Module-API#predefined-filters

预定义的过滤器

queueLimit

设定限制:

var uploader = new FileUploader({
    queueLimit: 1
});

然后在视图中.


如果已将queueLimit设置为1但不希望应用它.将filters属性设置为空字符串.如果未设置过滤器属性,则应用所有过滤器.


我发现多个过滤器不能用文档建议的空格分隔.否则只应用第一个过滤器.


推荐阅读
凹凸曼00威威_694
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有