版权声明:图文并茂的微信小程序教程!欢迎转载,请保留作者名字和链接;商业合作请联系子恒老师助理 QQ : 2334512685 https://blog.csdn.net/towtotow/article/details/82731805
有人学习过子恒老师webuploader使用指南后,
留言说“webuploader多文件上传怎么实现?webuploader怎么上传多图片”
其实这些人都是没有看完整个教程的原因,
下面来谈谈…
一、 webuploader多文件上传
百度 webuploader 本身默认就是多文件上传模式,
只要你的服务器端配置好接收文件的脚本,
当你选择好多个文件,
并确定后,
webuploader 会异步上传你选择的文件,
比如九宫格图片上传…
这里需要注意,
fileNumLimit 参数要 > 1,
这个表示用户最多选择文件数量。
二、 webuploader多图上传
webuploader 多图片上传,
其实就是在多文件上传的基础上,
只允许用户上传图片,
你只要设置好 webuploader 过虑类型为图片就行,
这里要配置的参数是 accept
核心代码如下
var uploader = WebUploader.Uploader({
...
fileNumLimit:9,
accept:{
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/*'
}
...
});
猛击这里,
观看《webuploader上传js脚本分析》
猛击这里,
观看《webuploader后端php处理分析》
猛击这里,
观看子恒老师《百度webuploader使用指南》系列视频
了解实现过程和下载相关源代码