收藏
回答

在使用‘mp-uploader‘组件时控制台报错:‘渲染层错误’?

之前一直用的好好的,今天在wxml页面中看到组件中有个bindtap="deleteImg"事件,于是我把这个事件放在js中,想在点击删除图片时触发一些操作,然后就开始报这个错了,js中添加binddelete='deletePic'事件同样会触发,把js恢复原状也没用。

有时重启电脑,重新编译又不会报错,重复上述操作以后报错又会出现。

具体是在图片上传完成后,点击图片预览,然后下方有个删除按钮,点击删除按钮时触发这个报错。

机型是华为 mate20 , 基础库是2.14.1

*********************** wxml ***********************
<mp-cells>
    <mp-cell>
        <mp-uploader select="{{selectFile}}" upload="{{uplaodFile}}"
            files="{{files}}" max-count="1" title="请上传一寸免冠照片" tips="如需更换,请点击照片并删除" ext-class="imageUploader">
		</mp-uploader>
    </mp-cell>
</mp-cells>
****************************************************

*********************** wxss ***********************
.page__bd .imageUploader {
  display: flex;
  justify-content: space-evenly;
}
.page__bd .imageUploader icon {
  display: none;
}
.page__bd .imageUploader .weui-uploader__hd {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
****************************************************

*********************** js ***********************
Page({
    data: {}
})
const db = wx.cloud.database({
    env: 'applysystem-test-0fcyrh333ec69c6'
})
Component({
    data: {
        files: [],
        showTopTips: false
    },
    methods: {
        onLoad: function (options) {
            this.setData({
                selectFile: this.selectFile.bind(this),
                uplaodFile: this.uplaodFile.bind(this)
            })
        },
        chooseImage: function (e) {
            wx.chooseImage({
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
            })
        },
        selectFile(files) {
            // console.log('files', files)
            // 返回false可以阻止某次文件上传
            this.setData({
                file: files.tempFilePaths[0]
            });
        },
        uplaodFile(files) {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    reject('some error')
                }, 1000)
            })
        }
	}
})
****************************************************

最后一次编辑于  2020-12-18
回答关注问题邀请回答
收藏

5 个回答

  • Abstract
    Abstract
    2022-08-23

    我只在给files加了个model,就栈内存溢出了。去掉就又好了。我并没有添加监听器之类的,

    2022-08-23
    有用
    回复
  • 小易
    小易
    2021-06-28
      <view class="weui-gallery__opr" wx:if="{{showDelete}}">
        <!-----navigator href="javascript:" bindtap="deleteImg" class="weui-gallery__del">删除</navigator---->
        <view bindtap="deleteImg" class="weui-gallery__del">删除</view>
      </view>
    修改组件gallery.wxml文件
    
    2021-06-28
    有用
    回复 1
    • healer
      healer
      2022-01-19
      除了把组件拉下来修改,还有其他方法吗?
      2022-01-19
      回复
  • ꧁༺джилиан༻꧂
    ꧁༺джилиан༻꧂
    2021-03-24

    我也遇到了同样的问题,请问有解决办法了吗


    2021-03-24
    有用
    回复 1
    • ꧁༺джилиан༻꧂
      ꧁༺джилиан༻꧂
      2021-03-24
      把官方组件拉下来,放到本地引用 ,改变组件里面的navigator改了就好了
      2021-03-24
      回复
  • 敖癸
    敖癸
    2021-02-23

    遇到了同样的问题,点击删除图片的时候会出现这个报错

    2021-02-23
    有用
    回复
  • Riven.
    Riven.
    2020-12-20

    你好,代码片段麻烦以这种形式提供一下(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2020-12-20
    有用
    回复 1
登录 后发表内容
问题标签