微信小程序——image

微信小程序——image

image（图片）

• 默认宽高（320*240)px
• 由于微信小程序体积限制为<=2M ,因此当我们使用图片时可从外网上获取。
  我们可以先将图片传到网上获取合适格式再实用。接下来推荐分享几个高速稳定的图床网站，拿去不谢！
  1 阿里图床
  图片不能大于10M（一般图床单张图片上限为5M、10M）文件命名里中英文（数字）同时存在的情况下，你会遇到上传失败，请将图片文件名重命名后再次尝试。
  2 sm.ms
  15 年成立的免费图片外链网站。上传下载速度快。
  无需注册，无外链限制，默认原图上传，支持 https
  3 聚合图床
  支持大量免费图床，可以分批发送
  4 牛图网
  快捷好用
  5万能图床
  

使用时通过src 属性即可

<!--index.wxml-->
<view class="container">
  <image src="https://dss2.bdstatic.com/8_V1bjqh_Q23odCf/pacific/1989844088.jpg"></image>
</view>

---

查看图片大小
直接复制图片地址到网络地址栏中，将图片保存到桌面，再查看即可看到图片大小。

image常与swiper连用

wxml:

<swiper class="swiper" autoplay interval="2000">
    <swiper-item wx:for="{
    
    {bannerList}}" wx:key="goods_id">
      <image src="{
    
    {item.image_src}}"></image>
    </swiper-item>
  </swiper>

wxss:

/* 轮播图 */
.swiper {
display: flex;
width: 750rpx;
height: 340rpx;
}
.swiper image{
width: 100%;
}

图片描述会用到rich-text （点击rich-text跳转到微信开放文档，获取更多内容）