微信小程序使用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 相关文章推荐
javascript下阻止表单重复提交、防刷新、防后退
Aug 17 Javascript
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
js浏览器html5表单验证
Oct 17 Javascript
jQuery+pjax简单示例汇总
Apr 21 jQuery
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
May 17 Javascript
如何理解Vue的v-model指令的使用方法
Jul 19 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 Javascript
JavaScript逻辑运算符相关总结
Sep 04 Javascript
微信小程序实现下载进度条的方法
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
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
如何让CI框架支持service层
2014/10/29 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
运用jquery实现table单双行不同显示并能单行选中
2009/07/25 Javascript
排序算法的javascript实现与讲解(99js手记)
2014/09/28 Javascript
JavaScript将Web页面内容导出到Word及Excel的方法
2015/02/13 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
动态加载js、css的简单实现代码
2016/05/26 Javascript
vue项目中使用ueditor的实例讲解
2018/03/05 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
2019/12/06 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
python静态方法实例
2015/01/14 Python
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
2015/05/02 Python
python中使用正则表达式的后向搜索肯定模式(推荐)
2017/11/11 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
Python3.5内置模块之time与datetime模块用法实例分析
2019/04/27 Python
Python在cmd上打印彩色文字实现过程详解
2019/08/07 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
Python实时监控网站浏览记录实现过程详解
2020/07/14 Python
聊聊python中的异常嵌套
2020/09/01 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
软件工程师面试题
2012/06/25 面试题
材料加工硕士生求职信
2013/10/10 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
关于美容院的活动方案
2014/08/14 职场文书
领导班子四风对照检查材料
2014/09/23 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
消防宣传标语大全
2015/08/03 职场文书
公司管理制度范本
2015/08/03 职场文书
HTML基础详解(下)
2021/10/16 HTML / CSS
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android