微信小程序使用image组件显示图片的方法【附源码下载】

更新时间：2017年12月08日 09:58:05 作者：FutrueJet

这篇文章主要介绍了微信小程序使用image组件显示图片的方法,结合实例形式简单分析了微信小程序附image组件的相关使用技巧,并附带源码供读者下载参考,需要的朋友可以参考下

本文实例讲述了微信小程序使用image组件显示图片的方法。分享给大家供大家参考，具体如下：

1、效果展示

2、关键代码

① index.wxml

<image style="width: 300px; height: 300px; margin:10px;" mode="scaleToFill" src="{{imageSrc}}"></image>

② index.js

Page({
 data:{
 // text:"这是一个页面"
 imageSrc:'../../pages/image/img.jpg'
 }
})

3、源代码点击此处本站下载。

关于image组件的详细说明还可参考官网https://mp.weixin.qq.com/debug/wxadoc/dev/component/image.html

希望本文所述对大家微信小程序开发有所帮助。

您可能感兴趣的文章:

用JS操作FRAME中的IFRAME及其内容的实现代码
一直都需要这样的东西，发现了这个好东西，一定要研究下
2008-07-07
webpack里使用jquery.mCustomScrollbar插件的方法
malihu-custom-scrollbar-plugin是一个依赖jquery的自定义网页滚动条样式插件，这篇文章主要介绍了webpack里使用jquery.mCustomScrollbar插件的方法，感兴趣的小伙伴们可以参考一下
2018-05-05
echarts饼图指示器文字颜色设置不同实例详解
在默认的饼状图里面,图例legend颜色是黑色的,有时候根据ui需要,根据不同的背景色,需要将图例文字调成白色或者其他颜色,下面这篇文章主要给大家介绍了关于echarts饼图指示器文字颜色设置不同的相关资料,需要的朋友可以参考下
2022-07-07
addEventListener 的用法示例介绍
这篇文章主要介绍了addEventListener 的用法,需要的朋友可以参考下
2014-05-05
JavaScript中检查对象property的存在性方法介绍
这篇文章主要介绍了JavaScript中检查对象property的存在性方法介绍,本文讲解了4种方法来检查某个对象o是否拥有property x,需要的朋友可以参考下
2014-12-12
Javascript attachEvent传递参数的办法
找了半天找到的解决办法，看介绍说是javascript的闭包问题，导致得不能直接读取外部的那个函数，不然就所有传递的参数都变为最后一个了。
2009-12-12
微信小程序实现用table显示数据库反馈的多条数据功能示例
这篇文章主要介绍了微信小程序实现用table显示数据库反馈的多条数据功能,涉及微信小程序wx.request访问php后台及返回结果的显示布局相关操作技巧,需要的朋友可以参考下
2019-05-05
javascript实现json页面分页实例代码
这篇文章主要介绍了javascript实现json页面分页实例代码,需要的朋友可以参考下
2014-02-02
JavaScript实现左右下拉框动态增删示例
本篇文章主要介绍了JavaScript实现左右下拉框动态增删示例，可以对下拉框进行删除和增加，非常具有实用价值，需要的朋友可以参考下。
2017-03-03
js实现网页随机验证码
这篇文章主要为大家详细介绍了js实现网页随机验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-10-10