uniapp 上传头像图片传参不显示解决

解决前

解决后

需求描述：在uniapp 插件市场导入了仿微信裁剪头像的插件，但不同的是插件是在一个页面上传、裁剪和确认的。但需求是跟微信一样，点头像时上传，确定时回显。

问题描述：在确定回显时，图片不显示。在确定前后打印图片url路径发现一致，证明传参没有问题，通过再页面打印接收路径变量的值最终定位到接收字符串有问题，超出了字符串限制最大长度使字符串发生了截断，故图片加载不出来

解决
跳转传参

uni.redirectTo({
     
     url:'../my_info/my_info?url=' + encodeURIComponent(JSON.stringify(e.detail.tempFilePath))   
     // 把字符串作为 URI 组件进行编码。
})

接收参数

// 解码
that.cropFilePath = JSON.parse(decodeURIComponent(options.url));

引入的裁剪插件