为什么在云存储的时候,从数据库中显示图片,在cloud.wxml中显示不出来,而从数据库中下载的图片是正常的

来源:-

weixin_慕工程5488353

2019-11-10 16:15

upload:function(){

wx.chooseImage({

count: 1,

sizeType: ['original', 'compressed'],//源文件还是压缩文件形式上传

sourceType: ['album', 'camera'],//相册还是相机

success(res) {

// tempFilePath可以作为img标签的src属性显示图片

const tempFilePaths = res.tempFilePaths

console.log(tempFilePaths);

wx.cloud.uploadFile({

cloudPath:new Date().getTime()+'.png',

filePath: tempFilePaths[0], // 文件路径

}).then(res => {

// get resource ID

console.log(res)

console.log(res.fileID)

db.collection('img').add({

data:{

fileID: res.fileID

}

}).then(res=>{

console.log(res)

}).catch(err=>{

console.log(err)

})

}).catch(error => {

console.log(error)

// handle error

})

}

})

},

getFile:function(){

wx.cloud.callFunction({

name:"login"

}).then(res=>{

console.log(res)

db.collection('img').where({

_openid:res.result.openid

}).get().then(res=>{

console.log(res)

this.setData({

imgs:res.data

})

}).catch(err=>{

console.error(err)

}).catch(err=>{

console.error(err)

})

})

},

download:function(event){

wx.cloud.downloadFile({

fileID: event.target.dataset.fileid,

}).then(res => {

// get temp file path

console.log(res.tempFilePath)

// 保存文件

wx.saveImageToPhotosAlbum({

filePath: res.tempFilePath,

success(res) {

wx.showToast({

title: '保存成功',

})

}

})

}).catch(error => {

// handle error

})

},


写回答 关注

2回答

  • 谢成
    2019-11-12 09:24:32

    属性应该是src,不是scr

    http://img4.mukewang.com/5dca09c500015c3414060310.jpg

  • 谢成
    2019-11-10 18:35:41

    1、请输出从云数据库查询出来的fileID结果是什么

    2、请在调试器中看下image的src属性设置的值是什么

    weixin...

    从云数据库查询出来的fileID的结果cloud://sy757554152.7379-sy757554152-1300639770/1573371748811.png cloud://sy757554152.7379-sy757554152-1300639770/1573372165544.png <image class="img" scr="{{item.fileID}}"></image> 而且我从云数据库中下载下来的图片是正常我上传的图片,就是在cloud.wxml中显示不出来

    2019-11-11 10:38:30

    共 1 条回复 >

轻松入门微信小程序与云开发

深入浅出微信小程序核心基础与云开发,使你掌握小程序开发必备技能。

64552 学习 · 1742 问题

查看课程

相似问题