收藏
回答

Uploader 这种组件,默认配置上以后,怎么去掉,那三张图片?

Page({
    data: {
        files: [{
            url: 'http://mmbiz.qpic.cn/mmbiz_png/VUIF3v9blLsicfV8ysC76e9fZzWgy8YJ2bQO58p43Lib8ncGXmuyibLY7O3hia8sWv25KCibQb7MbJW3Q7xibNzfRN7A/0',
        }, {
            loading: true
        }, {
            error: true
        }]
    },
    onLoad() {
        this.setData({
            selectFile: this.selectFile.bind(this),
            uplaodFile: this.uplaodFile.bind(this)
        })
    },
    chooseImage: function (e) {
        var that = this;
        wx.chooseImage({
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
            success: function (res) {
                // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
                that.setData({
                    files: that.data.files.concat(res.tempFilePaths)
                });
            }
        })
    },
    previewImage: function(e){
        wx.previewImage({
            current: e.currentTarget.id, // 当前显示图片的http链接
            urls: this.data.files // 需要预览的图片http链接列表
        })
    },
    selectFile(files) {
        console.log('files', files)
        // 返回false可以阻止某次文件上传
    },
    uplaodFile(files) {
        console.log('upload files', files)
        // 文件上传的函数,返回一个promise
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                reject('some error')
            }, 1000)
        })
    },
    uploadError(e) {
        console.log('upload error', e.detail)
    },
    uploadSuccess(e) {
        console.log('upload success', e.detail)
    }
});    
<view class="page">
  <view class="page__bd">
     <mp-cells>
       <mp-cell>
         <mp-uploader bindfail="uploadError" bindsuccess="uploadSuccess" select="{{selectFile}}" upload="{{uplaodFile}}" files="{{files}}" max-count="1" title="上传身份证照片">mp-uploader>
         <view class="" style="position:absolute;top:5px;right:10px">
           <view style="height:50px;line-height:50px">范例view>
           <image  style="width:96px; height: 96px;" src="{{imgUrl}}" bindtap="clickImg" />
         view>
       mp-cell>
     mp-cells>
   view>
view>

然后就这样显示了,这是啥玩意儿,显示三张这个鬼,我只想显示一个

+ 的图片,我去掉files数组里面的 url,loading,error。


按道理应该是可以了,但是他给我弄个空的图片,占着位置,怎么回事呢?

红框位置,有个白色的图片,我也不知道是啥,点击还能放大,点击删除,算是正常了。

有大神知道吗?怎么弄,能直接显示成这样呢。

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

5 个回答

  • 2020-10-14

    files:[]

    2020-10-14
    有用 1
    回复
  • 大圣哥哥
    大圣哥哥
    2022-11-10

      data: {

          files: []

      }


    2022-11-10
    有用
    回复
  • 幸运儿セ💓💞
    幸运儿セ💓💞
    2020-11-04

    同样的问题,有大神解决的吗?怎么解决,求代码

    2020-11-04
    有用
    回复
  • 刘紫旌
    刘紫旌
    2020-09-09

    看一下是不是出现在 组件内部

    2020-09-09
    有用
    回复
  • 少年
    少年
    2020-09-07

    我去了,files,这个数组字段,就可以了。

    这样还不行,files:{()},这样就会出现空的图片,奇怪了。

    2020-09-07
    有用
    回复
登录 后发表内容
问题标签