uniapp 移动端上传文件_【uniapp】实现图片和视频上传

前言

现在的项目是用的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，图片选择跟视频选择还是分开的。