栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

uniapp 拍照上传

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

uniapp 拍照上传

1.预览图片
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"})
		},

 效果图:

 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/269310.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号