uniapp实现头像上传

相册选择图片并上传

从相册选择图片并上传,使用uni.uploadFile来上传。

uni.chooseImage({
  sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
  sourceType: ['album'], //从相册选择,或者使用相机
  success: function (chooseImageRes) {
    const tempFilePaths = chooseImageRes.tempFilePaths
    console.log(tempFilePaths[0])
    uni.uploadFile({
      url: `http://xxxxx`, 
      filePath: tempFilePaths[0],
      name: 'file',
      formData: {
        file: tempFilePaths[0]
      },
      header: {
        // token的参数名称,可在网络请求中查看
        'Jq-Auth': getStorage()
      },
      success: (uploadFileRes) => {
        console.log(uploadFileRes.data)
      }
 })

你可能感兴趣的:(uniapp,uni-app,vue.js,前端)