两天做项目被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);
}
};