调用js-sdk的chooseImg接口，返回的localId无法在img标签显示；

// html
<div class="li_img" *ngFor="let mg of imgList; let i = index">
    <img src="{{mg}}" (click)="toShowImg(i)"/>
</div>

// 选择图片
wechatImg() {
    wx.chooseImage({
        count: 6, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
        success: (res) => {
            console.log(res);
            this.imgList = [];
            const localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
            this.imgList = localIds; // 将localIds赋值给数组，以便于在前端展示
        }
    });
}

项目打包测试，在微信中打开web页面，调用选择图片方法，可以选择图片，但是选择之后，返回的localId无法在img标签上显示；

问题报错说是https的影响，unsafe，无法显示，具体如下图：

有没有遇到这种情况的朋友，急求解决方法！！！谢谢！