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


Posted in Javascript onDecember 08, 2017

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

1、效果展示

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

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

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

Javascript 相关文章推荐
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
Apr 30 Javascript
jQuery+PHP星级评分实现方法
Oct 02 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
May 28 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
Dec 08 Javascript
js上下视差滚动简单实现代码
Mar 07 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
javascript面向对象三大特征之多态实例详解
Jul 24 Javascript
vue-element-admin 菜单标签失效的解决方式
Nov 12 Javascript
react结合bootstrap实现评论功能
May 30 Javascript
浅谈vue2的$refs在vue3组合式API中的替代方法
Apr 18 Vue.js
微信小程序实现下载进度条的方法
Dec 08 #Javascript
js断点调试经验分享
Dec 08 #Javascript
javaScript手机号码校验工具类PhoneUtils详解
Dec 08 #Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
Dec 08 #Javascript
javaScript字符串工具类StringUtils详解
Dec 08 #Javascript
javaScript日期工具类DateUtils详解
Dec 08 #Javascript
微信小程序获取手机网络状态的方法【附源码下载】
Dec 08 #Javascript
You might like
PHP中Date获取时间不正确怎么办
2008/06/05 PHP
PHP 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
PHP 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
Laravel实现用户注册和登录
2015/01/23 PHP
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
2013/11/21 Javascript
jquery单行文字向上滚动效果的实现代码
2014/09/05 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
2020/06/19 Javascript
vue 根据数组中某一项的值进行排序的方法
2018/08/30 Javascript
深入了解响应式React Native Echarts组件
2019/05/29 Javascript
了解重排与重绘
2019/05/29 Javascript
js实现旋转木马轮播图效果
2020/01/10 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
在Python的Django框架中simple-todo工具的简单使用
2015/05/30 Python
python文件操作的简单方法总结
2019/11/07 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
关于pytorch处理类别不平衡的问题
2019/12/31 Python
Python列表list操作相关知识小结
2020/01/29 Python
Python3的socket使用方法详解
2020/02/18 Python
新西兰演唱会和体育门票网站:Ticketmaster新西兰
2017/10/07 全球购物
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
迪士尼西班牙官方网上商店:ShopDisney西班牙
2020/02/02 全球购物
数据库设计的包括哪两种,请分别进行说明
2016/07/15 面试题
介绍一下Java的事务处理
2012/12/07 面试题
医药大学生求职简历的自我评价
2013/10/17 职场文书
社区党员先进事迹
2014/01/22 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技
Java异常体系非正常停止和分类
2022/06/14 Java/Android