页面结构
<view class="tou_xiang">
<view class="touxiangicon" @click="upload"><image class="huiyuan_img" :src="image" mode=""></image></view>
</view>
定义属性
Data(){
Return {
iconcheck: 0, //头像是否改变
image: '' //默认头像
}
}
点击头像
upload() {
let _self = this;
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album'], //从相册选择
success: function(res) {
const tempFilePaths = res.tempFilePaths;
_self.image = tempFilePaths[0];
// console.log('tempFilePaths[0]', tempFilePaths[0]); //能够打印出选中的图片
console.log(_self.image);
_self.iconcheck = 1; //点击后图片更改状态由0变成1
_self.touxiang(_self.image)
uni-app 上传图片到服务器
最新推荐文章于 2024-04-27 22:13:17 发布