uniapp上传头像

<template>
	<view>
		<!-- //默认显示的 -->
		<image v-if="!imgUrl" :src="require('../../static/nav/icon_me_n.svg')" class="headPhoto"  @tap="openChooseImg"></image>
		<!-- //用户点击修改的 -->
		<image v-else :src="imgUrl" class="headPhoto"></image>
	</view>
</template>

<script>
	export default {
    
		data() {
    
			return {
    
				imgUrl: ""
			};
		},
		methods: {
    
			openChooseImg() {
    
				uni.chooseImage({
    
					count: 1, //最多可选择的张数
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album', 'camera'], //从相册选择，和摄像头功能，默认二者都有
					success: res => {
    
						console.log(res, '头像res')
						this.imgUrl = res.tempFilePaths[0] //把选择的头像赋值给imgurl
						console.log(this.imgUrl, 'this.imgUrl')
					}
				});
			},
		},
	};
</script>

<style lang="scss">
	.timeBox {
    
		margin-top: 50rpx;
	}
</style>