静态页面

src/pages/WoDe/GeRenXinXi/index.jsx

@@ -8,7 +8,7 @@ import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
 
-export default function GeRenXinXi (props) {
+export default function GeRenXinXi () {
 
   const { user, setUser } = useModel('user')
   const [Name, setName] = useState(null)
@@ -26,7 +26,7 @@ export default function GeRenXinXi (props) {
       setPhone(user.tel || user.phone)
       setBirthday(user.birthday)
       SexList.map((item, index) => {
-        if (user.sex - 0 === item.id - 0 ||user.gender - 0 === item.id - 0) {
+        if (user.sex - 0 === item.id - 0 || user.gender - 0 === item.id - 0) {
           setSex(index)
         }
       })
@@ -85,13 +85,39 @@ export default function GeRenXinXi (props) {
     })
   }
 
+  const AddImg = () => { // 添加图片
+    Taro.chooseImage({
+      count: 1,
+      sizeType: ['compressed'],
+      sourceType: ['album', 'camera'],
+      success: (res) => {
+        const tempFilePaths = res.tempFilePaths
+        Taro.uploadFile({
+          url: apis.uploadImage.url,
+          filePath: tempFilePaths[0],
+          name: 'file',
+          formData: { user: 'upload' },
+          header: { 'x-action': 'miniapp', 'authorization': `Bearer ${Taro.getStorageSync('token')}` },
+          success: (cRes) => {
+            request({ ...apis.EditUserInfo, data: { avatar: JSON.parse(cRes.data).data } }).then(() => {
+              Taro.showToast({ title: '修改成功', icon: 'none' })
+              setUser({ ...user, avatarurl: JSON.parse(cRes.data).data })
+            }).catch((eRes) => {
+              Taro.showToast({ title: eRes, icon: 'none' })
+            })
+          }
+        })
+      }
+    })
+  }
+
   return (
     <Page>
       <view className='GeRenXinXi'>
         <view className='Form'>
           <view className='flex-h'>
             <text className='flex-item'>头像</text>
-            <view className='UserIcon'>
+            <view className='UserIcon' onClick={AddImg}>
               <image mode='aspectFill' src={user !== null ? user.avatarurl : null}></image>
             </view>
           </view>