微信小程序开发—(四)上传图片
2017-05-02 15:03
537 查看
一.了解wx.chooseImage(OBJECT)
二.代码编程
在pages文件里面创建uploadimg文件夹
1.编写页面结构:uploadimg.wxml
2.设置数据:uploadimg.js
二.代码编程
在pages文件里面创建uploadimg文件夹
1.编写页面结构:uploadimg.wxml
<view class="container" style="padding:1rem;"> <button type="primary"bindtap="chooseimage">获取图片</button> <image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx;margin:1rem 0;"/> </view>
2.设置数据:uploadimg.js
//获取应用实例 var app = getApp() Page({ data: { tempFilePaths: '', }, /** * 上传图片 */ chooseimage: function () { var _this = this; wx.chooseImage({ count: 1, // 默认9 // 可以指定是原图还是压缩图,默认二者都有 sizeType: ['original', 'compressed'], // 可以指定来源是相册还是相机,默认二者都有 sourceType: ['album', 'camera'], // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 success: function (res) { _this.setData({ tempFilePaths:res.tempFilePaths }) } }) } })
相关文章推荐
- 微信小程序开发(二)图片上传
- 微信小程序开发之图片上传+Java服务端接收
- 微信第三方开发程序中上传头像图片提示It is not safe to rely on the system's timezone settings
- 微信小程序开发(二)图片上传+服务端接收
- 微信小程序开发之本地图片上传(leancloud)
- .NET开发微信小程序-生成二维码/上传图片到服务器
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之图片上传+服务端接收教程
- [转]微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之本地图片上传(leancloud)
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发(二)图片上传+服务端接收详解
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- [转]微信小程序开发(二)图片上传+服务端接收
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- iOS软件开发实现类似微信上传图片选择
- 微信开发之调起摄像头、本地展示图片、上传下载图片
- 微信小程序开发之图片等比例缩放 获取屏幕尺寸图片尺寸 自适应