let data = {
problemPhoto: 'http://test.png'
}
previewImage(data) {
if(!data.problemPhoto){
uni.showToast({
icon:"none",
title:"暂无照片"
})
return
}
console.log(data.problemPhoto.split(";"))
uni.previewImage({
current:0,
urls: data.problemPhoto?data.problemPhoto.split(";"):[],
});
},
2.拍照上传图片方式一
使用uniapp 自带的api拍照
.upload-img { height: 200upx; width: 200upx; } .upload-img image { width: 100%; height: 100%; } .imgList { display: flex; } .imgbox, .del { width: 200upx; height: 200upx; } .imgbox image { width: 100%; height: 100%; } .del { background: url(../../../static/images/checkTypeMap/tzc_t.png) no-repeat center; }
效果图:
2.拍照上传图片方式二
使用uniapp + HTML5 API 中的camera对象拍照
onGetImgClick() {
var camera=plus.camera.getCamera() // 获取camera对象
var resolution=camera.supportedImageResolutions // 获取字符串数组,摄像头支持的摄像分辨率
camera.captureImage((res)=>{
console.log(res)
this.imageList.push(res)
}, (error)=>{
console.log(error)
}, {resolution:resolution[resolution.length-1],format:"jpg"})
},
效果图:



