uniapp小程序上传图片 u-upload

最新推荐文章于 2024-04-18 17:58:31 发布

我有一粒花生米

最新推荐文章于 2024-04-18 17:58:31 发布

阅读量606

点赞数

文章标签： uni-app 小程序前端

本文链接：https://blog.csdn.net/weixin_44286765/article/details/134439874

版权

<u-upload
          :use-before-read="true"
          :auto-upload="false"
          :file-list="form.fileList" //数组
          name="1"
          multiple
          :max-count="3"
          :max-size="10 * 1024 * 1024"
          width="208rpx"
          height="208rpx"
          @on-choose-complete="beforeRead"
          @on-remove="deletePic"
        >
        </u-upload>
        // 选择图片
    beforeRead(e) {
      if (e && e.length > 0) {
        let img = e[e.length - 1];
        console.log(img);
        uni.uploadFile({
          url: uploadPicFileOrVideoFileUrl(), //上传接口地址
          filePath: img.url,
          name: "file",
          header: {
            "content-type": "multipart/form-data",
          },
          formData: {
            file: img.file,
            path: "image",
          },
          success: (data) => {
            console.log(data);

            console.log(img);
          },
          fail: (err) => {
            console.log(err);
          },
        });
      }
    },
     deletePic(e) {
      console.log(e);
      this.form["fileList"].splice(e, 1);
      console.log(this.form["fileList"]);
    },