WebUploader 设置单个图片上传

本文介绍了如何使用WebUploader组件实现单个图片的上传功能。关键在于将`multiple`属性设置为`false`,并设定`fileNumLimit`为1。在错误处理中,特别定制了超数量限制时的提示信息。
摘要由CSDN通过智能技术生成

两天做项目被webuploader组件搞到吐,各种小问题。今天就介绍一下如何设置单个文件上传。 
查看api’如下 


我们可以看到multiple就是我们想要的 设为false就可,同时将fileNumLimit设为1,具体如下

 pick: {
                id: '#filePicker',
                multiple:false, 
                label: '点击选择图片'
            },
fileNumLimit: 1,

 


这是在webuploader实例化时设置,其中id 是图片div 的id。

<div id="uploader-demo">
    <!--用来存放item-->
    <div id="fileList" class="uploader-list"></div>
    <div id="filePicker">选择图片</div>
</div>

另外注意在错误提示中 修改提示信息  只能上传1张图片

ploader.onError = function( code ) {
                                                        if(code == "Q_EXCEED_NUM_LIMIT") {
                                                           layer.alert("只能上传 10 张

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值