WebUploader 设置单个图片上传

两天做项目被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 张图片");
                                                        } else if(code == "F_DUPLICATE") {
                                                           layer.alert("重复上传");
                                                        } else {
                                                            layer.alert("错误代码:" + code);
                                                        }
                                                    };

猜你喜欢

转载自blog.csdn.net/www0537webcom/article/details/86140452