小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
请在小程序【分类】服务页面上架正式内容或商品后重新提交审核
小程序使用wx.previewImage预览图片时,有时候会出现 黑屏的情况,但是再试几次预览的话就有时会出现黑屏的情况,有没有大神可以解决我的问题(大哭)
小程序使用wx.previewImage预览图片时,有时候会出现 黑屏的情况,但是再试几次预览的话就有时会出现黑屏的情况,有没有大神可以解决我的问题
(大哭)
图片使用的是网络地址,为jpg格式的,可是就是有时候会出现这种情况,但有时又没有(求解啊)
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
http://www.iooe.cn/index.php/2019/05/08/在企业微信与微信中调用wx-previewimage-方法时遇到的问题/
主要是图片地址问题, 有问提代码:
有问题代码:
$(function() {
FastClick.attach(document.body);
//图片预览
$(".img_prev").click(function(){
var hosts = window.location.host;
var url ="http://"+hosts+$(this).attr("src");
var arr = Array();
var urls =$("#img_prev").children("img").each(function(index){
var temp = "http://"+hosts+$(this).attr("src");
arr.push(temp);
});
wx.previewImage({
current:encodeURI(url), // 当前显示图片的http链接
urls: arr // 需要预览的图片http链接列表
</script>
总结: 1. 企业微信中 urls, 数组中可以不传, 或传不正确的都不影响current中的正确的地址 2. 微信中不可以, 必须正确传递urls数据。 数据格式: var arr = [‘http://xxx/1.jpg’,’http://xxx/2.png’]
正确调用代码:
wx.ready(function() {
//问题出在这里, 这个查找图片的代码不正确。微信里又必须有, 所以出错了。
$(".img_prev").each(function(index){
//alert(index);
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
手机:Redmi Note 5A 安卓的
微信版本号:7.0.3
系统版本号:7.1.2
代码片段:
wx.previewImage (地址是链接的比较大的网络图片地址)
关注 锦致生活社区团购
然后点击 首页 的
如下图的图标:多点几个就会出现这种情况
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html麻烦按照提示提供可复现的代码片段
https://developers.weixin.qq.com/s/i8RA1imS7b77
相关的代码呢?
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
http://www.iooe.cn/index.php/2019/05/08/在企业微信与微信中调用wx-previewimage-方法时遇到的问题/
主要是图片地址问题, 有问提代码:
有问题代码:
$(function() {
FastClick.attach(document.body);
//图片预览
$(".img_prev").click(function(){
var hosts = window.location.host;
var url ="http://"+hosts+$(this).attr("src");
var arr = Array();
var urls =$("#img_prev").children("img").each(function(index){
var temp = "http://"+hosts+$(this).attr("src");
arr.push(temp);
});
wx.previewImage({
current:encodeURI(url), // 当前显示图片的http链接
urls: arr // 需要预览的图片http链接列表
});
});
});
</script>
总结: 1. 企业微信中 urls, 数组中可以不传, 或传不正确的都不影响current中的正确的地址 2. 微信中不可以, 必须正确传递urls数据。 数据格式: var arr = [‘http://xxx/1.jpg’,’http://xxx/2.png’]
正确调用代码:
wx.ready(function() {
FastClick.attach(document.body);
//图片预览
$(".img_prev").click(function(){
var hosts = window.location.host;
var url ="http://"+hosts+$(this).attr("src");
var arr = Array();
//问题出在这里, 这个查找图片的代码不正确。微信里又必须有, 所以出错了。
$(".img_prev").each(function(index){
var temp = "http://"+hosts+$(this).attr("src");
//alert(index);
arr.push(temp);
});
wx.previewImage({
current:encodeURI(url), // 当前显示图片的http链接
urls: arr // 需要预览的图片http链接列表
});
});
});
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
手机:Redmi Note 5A 安卓的
微信版本号:7.0.3
系统版本号:7.1.2
代码片段:
wx.previewImage (地址是链接的比较大的网络图片地址)
关注 锦致生活社区团购
然后点击 首页 的
如下图的图标:多点几个就会出现这种情况
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html麻烦按照提示提供可复现的代码片段
https://developers.weixin.qq.com/s/i8RA1imS7b77
相关的代码呢?