Shulou(Shulou.com)06/01 Report--

这篇文章主要介绍"小程序如何获取本地相册及开发拍照功能"，在日常操作中，相信很多人在小程序如何获取本地相册及开发拍照功能问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"小程序如何获取本地相册及开发拍照功能"的疑惑有所帮助!接下来，请跟着小编一起来学习吧!

小程序上传图片，获取本地相册相关小程序开发上传图片如何实现保存图片到手机相机组件控制 wx.createCameraContext

小程序获取本地相册开发文档：

1.index.wxml

获取图片

2.index.js

//index.js

//获取应用实例

var app = getApp()

Page({

data: {

tempFilePaths: ''

},

onLoad: function () {

},

chooseimage: function () {

var _this = this;

wx.chooseImage({

count: 1, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有

success: function (res) {

// 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片

_this.setData({

tempFilePaths:res.tempFilePaths

})

}

})

}

})

API 说明:

这里说说sourcetype.默认是从相册获取和使用相机拍照,跟微信现在选择图片的界面一样,第一格是拍照,后面的是相册照片.

这里注意:返回的是图片在本地的路径.如果需要将图片上传到服务器,需要用到另一个API.

示例代码:

wx.chooseImage({

success: function(res) {

var tempFilePaths = res.tempFilePaths

wx.uploadFile({

url: 'http://example.weixin.qq.com/upload', //仅为示例，非真实的接口地址

filePath: tempFilePaths[0],

name: 'file',

formData:{

'user': 'test'

},

success: function(res){

var data = res.data

//do something

}

})

}

})

到此，关于"小程序如何获取本地相册及开发拍照功能"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧!若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.