移动端拍照使用原生uni方法调取相机进行拍照或视频确定后直接上传后台,h5亲测好用其他端未测试
如图点击拍照
uni.chooseImage为从手机选择照片异步回调方式 成功则返回图片的本地文件路径列表 tempFilePaths,是个数组格式可多选
uni.uploadFile为转成file文件上传给后台,异步回调方式
上传视频同理
只需吧uni.chooseImage 换成 uni.chooseVideo即可使用
/*拍照 */
chooseWxImage(typearr) {
let that = this;
uni.chooseImage({
sizeType: ['compressed'], //original 原图,compressed 压缩图
sourceType: ['camera '],//album 从相册选图,camera 使用相机
success: (res) => {
const tempFilePaths = res.tempFilePaths[0];
uni.uploadFile({
url: '上传接口',
filePath: tempFilePaths,
name: 'file',
success: (uploadFileRes) => {
console.log(uploadFileRes)}
});
}
});
},/*上传视频 */
chooseVideo() {
let that = this;
uni.chooseVideo({
maxDuration: 60,
sourceType: ['camera'],
success: (res) => {
const uploadFile = res.tempFilePath;
uni.uploadFile({
url: '上传接口',
filePath: uploadFile,
name: 'file',
success: (uploadFileRes) => {
console.log(uploadFileRes)}
});
}
});
},