微信小程序> 小程序中图片预加载

小程序中图片预加载

浏览量:876 时间: 来源:chengpiaoliang

首先打开https://github.com/o2team/wxapp-img-loader

1、将 img-loader 目录拷贝到你的项目中 ,我拷贝在utils目录下,一下引入路径根据你存放img-loader目录的路径做适当变换

2、在页面的 WXML 文件中添加以下代码,将组件模板引入

import src="../../utils/img-loader/img-loader.wxml"/   

template is="img-loader" data="{{ imgLoadList }}"/template

view

image src="{{imgUrl}}" class='img' bindlongtap="saveImage" is="img-loader"/image

/view

3、在页面的 JS 文件中引入组件脚本

const ImgLoader = require('../../utils/img-loader/img-loader.js');

//以加载一张图片为例

onLoad() { //初始化图片预加载组件

    this.imgLoader = new ImgLoader(this)

    this.imgLoader.load(imgUrl, (err, data) = {

        console.log('图片加载完成', err, data.src, data.width, data.height)

})

}

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎