uniapp + vant 上传图片到服务器

      <van-field
        name="uploader"
        label="上传"
        input-align="right"
        error-message-align="right"
        :rules="[{ required: true, message: '请上传' }]"
      >
        <template #input>
          <van-uploader
            v-model="formData.uploadValue"
            preview-size="72rpx"
            :max-count="1"
            :after-read="afterRead"
          />
        </template>
      </van-field>
// 上传图片
const afterRead = (e: UploaderAfterRead) => {
  // 此时可以自行将文件上传至服务器
  const { file } = e
  console.log(e)
  uni.uploadFile({
    url: '', // 上传地址
    filePath: e.content, // 文件路径
    name: 'file', // 文件在 formData 中对应的 key
    formData: {
 		//上传接口额外的参数 (没有忽略)
    },
    success: (response) => {
      if (response.code == 200) {
        showSuccessToast(response.msg)
        formData.yingyeZzzp = response.data.http + response.data.objname
      } else {
        showFailToast(response.msg)
      }
    },
    fail: (err) => {
      formData.yingyeZzzp = ''
    },
    complete: () => {},
  })
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值