前言
现在的项目是用的vue+uniapp搭建的,之前做了一个需求是选择图片上传的功能,后面遇到了二期优化是需要支持图片➕视频上传的功能。
正文
第一期的需求是支持图片上传,可以用 uni.chooseImage(OBJECT) 这个API用来选择图片并上传,但是需要注意chooseImage在移动端是限制了只能选图片的,但是在pc的浏览器运行时是可以选择任意其他文件类型的,所以需要对file.type做限制,否则在pc浏览器可以上传任意文件。
第二期的需求是支持图片视频上传,查了一下uniapp的官方文档第一想法是用 uni.chooseMedia(OBJECT) 这个API,结果发现这个API只支持在小程序上运行,h5是不支持的?
继续查了一下uniapp的其他API,看到了上传文件这个 uni.chooseFile(OBJECT) API,但是官方给出的建议是用于选择非媒体文件,选择媒体文件的有3个专用API,图片选择跟视频选择还是分开的。