收藏
回答

调用chooseImage和uploadFile时渲染图片到界面上失败,原因不明?

一个任务进度管理的模块,需要用户上传图片,系统获取用户和时间及上传的图片,图片能正常uploadFile,但this.setData时界面无法正常显示。

用户上传前:

代码:

wx.chooseImage({

      count:1,

      success:res=>{

        let filePath = res.tempFilePaths[0];

        let tempSrc = this.getRam();

        let cloudPath = 'process' + tempSrc + filePath.match(/\.[^.]+?$/)[0];

        wx.cloud.uploadFile({

          cloudPath,

          filePath,

          success:su=>{

            let id = this.data.id;

            let name = this.data.painter;

            let photo = su.fileID;

            let process = {

              name,

              time:today,

              photo:photo,

            };

            let processes = this.data.process.push(process);

            this.setData({

              process:processes

            })

            dbTask.doc(id).update({

              data:{

                processes:_.unshift(process),

              },

            })

          }

        })

      }

    })

用户上传图片后:

可以看大图片已经上传成功了,界面也更新了(占了一个位置),但图片都不显示。

回答关注问题邀请回答
收藏

1 个回答

  • 哈罗哈皮
    哈罗哈皮
    2021-06-01

    这黑条看得眼花缭乱,放代码可以点下这个按钮

    你的问题是不是没有setData成功地址路径?image标签本身就有宽高的,你可以去调试工具查看image标签是否有路径或者是否路径正确

    2021-06-01
    有用
    回复
登录 后发表内容