attachmentsimple控制限制上传数量的问题

samul

部分js代码如下

Model.prototype.okBtnClick = function(event){
                var id = me.comp('data').val('id');
                var image = me.comp('data').val('image');
                var uploader = me.comp("attachmentSimple2").uploader;
                uploader.on('onFileSelected',function(event){
                        if( event.files.length >1){
                                alert("只能上传1个文件");
                                event.cancel = true;
                                return;
                        }
                });
               
                justep.Baas.sendRequest({
                        "url" : "/renji/uploadHeadIcon_action",
                        "action" : "upload",
                        "async" : false,
                        "params" : {
                                "User_id":id,
                                "User_picture":image
                        },
                        "success" : function(data) {
                       
                        }
                       
                });
        };


为什么我上传两张文件点击时他仍然上传成功了？

samul

hello。有人吗，挺急的

liangyongfei

http://docs.wex5.com/wex5-ui-question-list-2081/

建议ｏｎＬｏａｄ　事件中接管onFileSelected　

samul

改为如下代码

Model.prototype.modelLoad = function(event){
                var uploader = this.comp("attachmentSimple2").uploader;
                uploader.on('onFileSelected',function(event){
                        if(event.files.length >1){
                                alert("只能上传1个文件");
                                event.cancel = true;
                                return;
                        }
                });

        };

上传两张图片依然成功了。。

samul

我看到链接中有如下代码
$(uploader.inputElement).attr('multiple', 'multiple');//设置uploader中的multiple属性值,可以上传多张图片

是否可以在这里改变multiple的属性值，使其只能上传单张图片？

samul

liangyongfei 发表于 2017-7-31 11:16
http://docs.wex5.com/wex5-ui-question-list-2081/

建议ｏｎＬｏａｄ　事件中接管onFileSelected　 ...

改为如下代码

Model.prototype.modelLoad = function(event){
                var uploader = this.comp("attachmentSimple2").uploader;
                uploader.on('onFileSelected',function(event){
                        if(event.files.length >1){
                                alert("只能上传1个文件");
                                event.cancel = true;
                                return;
                        }
                });

        };

上传两张图片依然成功了。。


我看到链接中有如下代码
$(uploader.inputElement).attr('multiple', 'multiple');//设置uploader中的multiple属性值,可以上传多张图片

是否可以在这里改变multiple的属性值，使其只能上传单张图片？

samul

有人吗，顶一顶

samul

liangyongfei 发表于 2017-7-31 11:16
http://docs.wex5.com/wex5-ui-question-list-2081/

建议ｏｎＬｏａｄ　事件中接管onFileSelected　 ...

在线等

liangyongfei

samul 发表于 2017-7-31 12:23
改为如下代码

Model.prototype.modelLoad = function(event){

multiple 属性 只是为了同时上传多个图片！
默认肯定是只能上传一张图片的！
分多次上传的单个图片，控制长度，方法应该是

1. //分多次上传的单个文件
   
2. var fAttachment = data.getValue("fAttachment");
   
3. if(fAttachment){
   
4. if ($.parseJSON(fAttachment).length >= 2 ) {
   
5. alert("只能上传2个文件");
   
6. event.cancel = true;
   
7. }
   
8. }

复制代码

samul

谢谢大神，解决啦，结贴吧~