微信小程序 --- 点击图片预览出现编辑器空白BUG

最新推荐文章于 2024-07-20 12:02:01 发布
最新推荐文章于 2024-07-20 12:02:01 发布
阅读量1.5k 收藏
点赞数
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_19327991/article/details/78395676
版权

建议检查你图片资源，看看文件后缀名是否是大写，当我点击了大写后缀的图片文件我是一直都是编辑器界面空白，无论重启几遍编辑工具和重启电脑都无法恢复，建议所有图片格式均为小写，不要用你的随便去捍卫腾讯的BUG，no zuo zuo die

更改前：
这里写图片描述

这里写图片描述

更改后：一切正常世界和平

这里写图片描述
这里写图片描述

豆i浆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序实现点击图片放大预览
12-13
这个强大的API( wx.previewImage() )，接下来我们来讲一下微信小程序中图片点击放大预览的实现步骤！ 思路： 1.点击事件 2.放大 3.左右滑动查看上、下一张 在绑定点击事件的时候我们需要同时获取到点击图片的url和这一组数据的ID(通过这个id从数据里面找到你点击的这一组数据然后从中取出这一组图片就可以了) index.wxml <image bind
微信小程序：点击图片进行预览
chunchun1230的博客
02-25 467
wxml: <view class='index_showpic'> <view class='li_pic' wx:for="{{imgArr}}" wx:key='index'> <image src='https://{{item}}' bindtap='previewImg' data-src='{{item}}' class=...
小程序打开空白的问题处理
weixin_52675595的博客
06-21 459
一、检查服务器域名配置了 https没有，如果没有，解决办法是申请个ssl证书，具体看这里 https://doc.crmeb.com/mer/mer2/4257。二、完成第一步后，再检查小程序的请求域名是否正确，这里的域名一定要https的, 如果工具打开是正常,手机打开不正常，那就是这个域名的问题。如果是下载的小程序代码，检查一下平台后台的商城域名是否带s，如果不是带s的修改为带s的，然后重新下载小程序代码。如果是手动打包的小程序，检查域名配置是否正确，修改成你自己的域名。最后重新发布一次即可。
微信小程序 点击图片预览
qq_40619173的博客
10-29 160
1.单个图片点击预览 <image src="{{shangchuantp}}" bindtap="handleyltp" data-src="{{shangchuantp}}" ></image> js中 data{ shangchuantp:"https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1603...
微信小程序——点击图片放大预览
qq_47902937的博客
03-04 2082
data-src=“{{item}}”：自定义图片地址的属性 可以在点击事件中获取到该属性。有时候我们需要将图片弹出放大预览-使用微信官方给的方法wx.previewImage。代码解读：wx:for=“{{detail.pic}}” 循环渲染需要的图片数组。bind:tap=“previewImage” ：点击触发事件的方法。这个地方是必填选项，其他的可以不填写。
小程序显示图片空白
LGDmar的博客
05-22 1196
将网络图片转换成本地图片显示 //将网络图片转换成本地图片 wx.getImageInfo({ src: 'https://01.jpg', success: function (res) { console.log(res.path);//得到处理后的本地图片路径 } }) 完美解决
微信小程序-校园综合服务平台系统源码.zip
05-28
微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务...
【微信小程序-毕设期末大作业】源码电商类微信小程序
04-25
【微信小程序-毕设期末大作业】源码电商类微信小程序 【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序...
微信小程序-图片裁剪、旋转、预览、上传功能实现
11-29
1、点击图片上传按钮时，跳转页面到cropper进行图片选择剪切wx.navigateTo({ url: `/pages/cropper/cropper?disable_width=true&disable_height=true` }); 2、/pages/cropper/cropper页面会直接弹出选择拍照还是本地...
微信小程序-微信小程序-豆瓣电影
08-06
微信小程序-豆瓣电影-测试案例 1、app.js 封装请求方式函数 fetchApi 2、app.json 配置文件(配置页面样式、多少页面、菜单按钮) 3、app.wxss 全局样式文件（定义页面的全局样式） 4、效果图 5、填入appid后保错...
微信小程序 - dialog
03-29
实现了 标题,内容和按钮设置,可动态设置按钮,以及按钮点击事件的回调 可作为component 使用 (此图片来源于网络，如有侵权，请联系删除! ) 直接上代码 (此图片来源于网络，如有侵权，请联系删除! )(此图片来源于网络...
微信小程序图片预览
weixin_42421494的博客
06-09 404
      &lt;view class="imgli" &gt;        &lt;block wx:for="{{imgs}}" wx:key="vipo" &gt;          &lt;view wx:if="{{imgs.length == 1}}"  bindtap="viewimg" &gt;            &lt;imag
微信小程序 预览图片
王光
06-25 970
先看下效果图： 这种效果在一些商城类的小程序里是很常见的一种功能，实现起来也很简单 下面我们来看一下代码： 我的这些图片资源是从后台拿到的，你们看一下具体的需求，一般都是后台返回，毕竟小程序是有大小限制的。 &lt;view class='contentbot'&gt; &lt;view class='contentWa' wx:key='id' wx:for='{...
微信小程序-图片预览图
soos的博客
04-18 2008
有时候图片列表图片过小看不清图片内容，这时我们一般就希望点击图片可以放大显示进行预览，那么，接下来我们就调用微信原生API的的浏览图片程序进行对图片预览的实现。
微信小程序实现图片预览
每天都想吃好吃的
08-27 368
【代码】微信小程序实现图片预览。
简单实用，微信小程序图片预览功能实现
热门推荐
Shids_的博客
04-13 1万+
简单实用，微信小程序图片预览功能实现
微信小程序图片空白问题处理
weixin_43837268的博客
01-04 2011
wx.getImageInfo({ src: 'https://01.jpg', success: function (res) { console.log(res.path);//得到处理后的本地图片路径 }
小白学习微信小程序的图片处理和预览技巧
最新发布
m0_75244442的博客
07-20 201
以上是关于微信小程序的图片处理和预览技巧的部分内容，希望对您有所帮助！代码示例中可能存在一些细节问题，请根据实际需求进行调整和完善。在小程序开发中，经常会遇到需要对图片进行压缩处理的情况，以减小图片的尺寸和文件大小，提高小程序的加载速度。通过传入一个图片数组和当前显示的图片的索引，即可实现图片的预览。可以通过在 Canvas 中使用 filter 属性给图片添加滤镜效果，例如黑白、灰度、模糊等。有时候需要对图片进行裁剪，只保留所需区域的部分。如果需要实现多张图片的预览，可以使用。
微信小程序 ---- 组件应用和实际开发的demo
05-11
微信小程序提供了丰富的自带组件，包括文本、图片、按钮、输入框等等，开发者也可以自己开发组件来满足自己的需求。实际开发中，通过组件可以快速搭建页面框架和业务逻辑。 Demo是一个演示小程序的示例程序。在小...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值