plupload.js怎么控制上传文件数量,比如我要只传6个文件

plupload.js怎么控制上传文件数量,比如我要只传6个文件,第1张

change: function(e, data) {if(data.files.length >磨搏缺 1){alert("银历Max 1 files are allowed")return false }},drop: function(e, data) {if(data.files.length >1){alert("Max 1 files are allowed"瞎辩)return false }},

//设置只能单选文件

multi_selection: false,

//组件添加文件事件中,删除之乎坦前已添加的文件

FilesAdded: function (up, files) {

    $.each(up.files, function (i, file) {

        if (up.files.length <= 1) {

            岁纤桐return

        }

 竖帆       up.removeFile(file)

    })

}

详细配置

1、组件本身的类型限制接口

在可选文件框的自定义文件类型中,会多出几个不在我的类型范围内的类型。这也就意味着,在拉起的上传框中,会显示不在限定范围内的类型文件(主要问题集中在图片类型上)。

2、Plupload上传文件原理

通过查看dom节点发现,Plupload使用的是input上传文件方式,定位到问题的根本是,input限制文件类型让慧的问题。

3、解决思路(以下只讨坦绝答论图片类型)

input通过配置accept,可以在拉起的上传框中只显示accept限定的类型文件。

会发现虽然限制了gif和jpeg,但其他的图片文件类型依旧会出现在,上传框的可选列宏运表中。

把accept的限定范围进一步缩小,发现问题解决了。

4、改写组件限制文件类型部分

有了思路以后,妄想这样修改

但发现组件并不能支持这样配置,只能去更改input本身的accept属性值

因为在选择文件框中,你依旧可以选择 所有文件( * . * ) 这个选项。前端只能在一定程度上提升用户体验,最终的类型限制还是要后端进行。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/8227570.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存