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。
按道理应该是可以了,但是他给我弄个空的图片,占着位置,怎么回事呢?
红框位置,有个白色的图片,我也不知道是啥,点击还能放大,点击删除,算是正常了。
有大神知道吗?怎么弄,能直接显示成这样呢。
files:[]
data: {
files: []
}
同样的问题,有大神解决的吗?怎么解决,求代码
看一下是不是出现在 组件内部
我去了,files,这个数组字段,就可以了。
这样还不行,files:{()},这样就会出现空的图片,奇怪了。