我目的是下载一张图片,然后显示在image标签里面。
var ufpath = app.globalData.hostName + vdata.data.filePath; console.log( 'down path is ' + ufpath) wx.downloadFile({ url: ufpath, //仅为示例,并非真实的资源 success: function (res) { console.log( 'down down path is ' + ufpath) console.log( 'down temp file ' + res.tempFilePath) var tempimg = res.tempFilePath; that.setData({ FilePath:tempimg, // showface:true }) |
< image bindtap = "bindPreImg" data-imgsrc = "{{FilePath}}" mode = "aspectFit" src = "{{FilePath}}" > </ image > |
打印日志:
down down path is http: //127.0.0.1:8360/static/camera/1493360555.jpg camera.js [sm]:66 down temp file wxfile: //tmp_547422841o6zAJs2O8-DtLIa4JjqF5v2SN6Oob41ba5d358816e21e53aa11cb8f1c943.jpg VM5393:1 Fri Apr 28 2017 14:22:36 GMT+0800 (CST) 渲染层网络层错误 VM5393:2 Failed to load image http: //wxfile.open.weixin.qq.com/tmp_547422841o6zAJs2O8-DtLIa4JjqF5v2SN6Oob41ba5d358816e21e53aa11cb8f1c943.jpg : the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1 |
为什么会出现这种错误?
VM5393:2 Failed to load image http://wxfile.open.weixin.qq.com/tmp_547422841o6zAJs2O8-DtLIa4JjqF5v2SN6Oob41ba5d358816e21e53aa11cb8f1c943.jpg : the server responded with a status of 404 (HTTP/1.1 404 Not Found)
From server 127.0.0.1
请问是不是配了代理?
工具的版本是?
我这边无法复现这个问题
我也遇到这样的问题,提醒大家(敲黑板!)——图片路径绝对不能有多余的内容!我就是多了一些空格就gg了。。
好吧,谢谢,我已经解决了,要saveFile之后用saveFilePath显示,之前的download的tempFilePath不可以显示。
wx.saveFile({
tempFilePath: tempPath,
success: function (res) {
console.log("tmp: " + res.savedFilePath);
that.setData({ tmpImg: res.savedFilePath })
}
});
服务端打印?不是下载到小程序本地了吗?请问下你怎么解决的呢
好像是我在服务端打印字符串出来看到的。
问一下你是怎么看出来多了一个回车符\n的?我也遇到同样的问题,把图片下载到临时文件中,但是image组件不能显示出来。
问题我找到了,是因为src的url最后带了一个回车符\n,造成了错误。这个问题不容易发现,而且开发工具显示的是下载成功了,渲染错误。
没有配置代理,我退出勾选下面这样也不行。电脑的ss也关闭了的。
另外data里面初始设计的是空:{FilePath:'',}。
其实我本来的目的是改变image的src来改变图片,但是实际上图片会被微信缓存,达不到实时改变图片的目的。我就想下载下来,显示在image里面。