uniapp获取头像

贩卖所有失落

已于 2024-09-13 11:41:51 修改

阅读量86

点赞数 2

文章标签： uni-app 前端 javascript

于 2024-09-13 11:41:01 首次发布

本文链接：https://blog.csdn.net/y4562/article/details/142206874

版权

<template>
    <view class="head" @click="selectImage">
		<image :src="avatarUrl || '/static/head.png'" mode=""></image>
		<span>点击获取头像</span>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				avatarUrl: '', // 用于保存头像的URL
			};
		},
		methods: {
			// 获取头像
			selectImage() {
				uni.chooseImage({
					count: 1,
					sizeType: ['compressed'],
					sourceType: ['album', 'camera'],
					success: (res) => {
						const tempFilePaths = res.tempFilePaths;
						if (tempFilePaths.length > 0) {
							this.avatarUrl = tempFilePaths[0];
							uni.setStorageSync('avatarUrl', this.avatarUrl);
						}
					}
				});
			},
		}
	};
</script>