使用UniApp框架,我们可以方便地实现这一功能。以下是详细的步骤指南: 一、前端操作 1.创建上传头像的UI界面 在页面的.vue文件中,使用UniApp提供的组件,如和<image>,创建一个用户可以选择和预览头像的界面。 2.调用微信小程序的API 当用户点击上传按钮时,使用wx.chooseImage()方法调用微信小程序的图片选择功能。该...
## 1. uni-app代码 ```vue <template> <view class="page-main"> <view class="upload"> <text>头像:</text> <!-- <view class="box" @click="chooseUploads"> <image class="box-img"...
1.需要用到 uni.chooseImage uni.uploadFile 这两个方法 2.代码如下:这是自己封装的 一个头像组件 1.组件引入 <zzAvatar:avatar="form.user.userPic?`${baseurlHead}${form.user.userPic}`:''":avatar_name="'userPic'":nickname="form.user.name":width="'w-130'":height="'h-130'":is_upload="...
简介: uni-app头像上传(完善个人信息功能),后端采用的是NodeJs(express.js),数据库采用的是MySQL 1. uni-app代码 <template> <view class="page-main"> <view class="upload"> <text>头像:</text> <!-- <view class="box" @click="chooseUploads"> <image class="box-img" src="../../static/...
1. uni-app代码 <template><view class="page-main"><view class="upload"><text>头像:</text><!-- <view @click="chooseUploads"><image src="../../static/index/jia.png"></image></view> --><view class="box" @click="upload"><image class="box-img" :src="avatar" mode=""></ima...
1. uni-app代码 <template><view class="page-main"><view class="upload"><text>头像:</text><!-- <view @click="chooseUploads"><image src="../../static/index/jia.png"></image></view> --><view class="box" @click="upload"><image class="box-img" :src="avatar" mode=""></ima...