uni.getImageInfo在小程序中不能使用的解决方案

Emotion#

已于 2022-07-06 09:43:30 修改

阅读量2.6k

点赞数

文章标签：小程序

于 2022-07-06 09:42:07 首次发布

本文链接：https://blog.csdn.net/weixin_52934055/article/details/125633196

版权

uni.getImageInfo在小程序中不能使用

uni.uploadFile上传网络图片到自己的服务器时,使用uni.getImageInfo在uniapp中正常使用没有问题,但是打包到小程序中就无法使用,如果使用的是网络路径的图片就会一直显示在加载中,无法上传.我们转换一下思路将网络图片的资源下载到本地在进行上传即可正常上传.

 uploadImage(imgUrl) {
      uni.showLoading({
        title: "上传中",
      });
      uni.downloadFile({
        url: imgUrl,
        success: (res) => {
          if (res.statusCode == 200) {
            let file = res.tempFilePath;
            uni.uploadFile({
              url: BASE_URL + this.$API.juchuanfilesAnonAd,
              filePath: file,
              name: "file",
              formData: {
                file: file,
                imageMaxSize: 70,
              },
              header: {
                "Content-Type": "multipart/form-data",
                Authorization: this.$store.state.token,
                AUTH_MERCHANTS_ID: this.$store.state.merchantsId,
              },
              success: (res) => {
                if (res.statusCode == 200) {
                  let _data = JSON.parse(res.data);
                  let url = _data.url;
                  //结束loading
                  uni.hideLoading();
                }
              },
            });
          }
        },