微信小程序調(diào)用內(nèi)置照相機(jī)實(shí)現(xiàn)拍照及圖片上傳

—— 2020 ——

09/27

00:00

來源：

作者：未知

欄目：小程序開發(fā)

2020/9/27 0:00:00 來源：不詳作者：未知

　　大家知道一款小程序，很多時(shí)候需要調(diào)用內(nèi)置的照相機(jī)，實(shí)現(xiàn)拍照并圖片上傳，那么要如何實(shí)現(xiàn)呢？

　　1.index.wxml

　　2.index.js

//index.js

//獲取應(yīng)用實(shí)例

var app = getApp()

微信小程序調(diào)用內(nèi)置照相機(jī)實(shí)現(xiàn)拍照及圖片上傳

Page({

data: {

tempFilePaths: ''

onLoad: function () {

chooseimage: function () {

var _this = this;

wx.chooseImage({

count: 1, // 默認(rèn)9

sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有

sourceType: ['album', 'camera'], // 可以指定來源是相冊(cè)還是相機(jī)，默認(rèn)二者都有

success: function (res) {

// 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片

_this.setData({

tempFilePaths:res.tempFilePaths

})

}

})

}

})

　　API 說明:

微信小程序調(diào)用內(nèi)置照相機(jī)實(shí)現(xiàn)拍照及圖片上傳

　　這里說說sourcetype.默認(rèn)是從相冊(cè)獲取和使用相機(jī)拍照,跟微信現(xiàn)在選擇圖片的界面一樣,第一格是拍照,后面的是相冊(cè)照片.

　　這里注意:返回的是圖片在本地的路徑.如果需要將圖片上傳到服務(wù)器,需要用到另一個(gè)API.

　　示例代碼:

wx.chooseImage({

success: function(res) {

var tempFilePaths = res.tempFilePaths

wx.uploadFile({

url: 'http://example.weixin.qq.com/upload', //僅為示例，非真實(shí)的接口地址

filePath: tempFilePaths[0],

name: 'file',

formData:{

'user': 'test'

success: function(res){

var data = res.data

//do something

}

})

}

})

小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。

有關(guān)進(jìn)一步了解小程序開發(fā)案例，請(qǐng)前往：http://www.fluoresville.cn/miniprogramdev/

【本站聲明】
1、本站文章中所選用的圖片及文字來源于網(wǎng)絡(luò)以及用戶投稿，由于未聯(lián)系到知識(shí)產(chǎn)權(quán)人或未發(fā)現(xiàn)有關(guān)知識(shí)產(chǎn)權(quán)的登記，如有知識(shí)產(chǎn)權(quán)人并不愿意我們使用，如果有侵權(quán)請(qǐng)立即聯(lián)系。
2、本網(wǎng)站不對(duì)文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé)，僅系客觀性描述，如您需要了解該類商品/服務(wù)詳細(xì)的資訊，請(qǐng)您直接與該類商品/服務(wù)的提供者聯(lián)系。

KESION 科汛軟件
KESION 科汛軟件是國內(nèi)領(lǐng)先的在線教育軟件及私域社交電商軟件服務(wù)提供商，長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺(tái)解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務(wù)平臺(tái)、在線教育SaaS服務(wù)平臺(tái)、教育企業(yè)數(shù)字化SaaS云平臺(tái)、企微營銷助手、私有化獨(dú)立部署品牌網(wǎng)校和在線教育咨詢等。
KESION 不斷通過技術(shù)創(chuàng)新，提供產(chǎn)品和服務(wù)，助力企業(yè)向數(shù)字化轉(zhuǎn)型，通過科技驅(qū)動(dòng)商業(yè)革新，讓商業(yè)變得更智慧！

▼點(diǎn)擊進(jìn)入科汛官網(wǎng)了解更多

熱門標(biāo)簽

微信小程序 SaaS

上/下篇

小程序——帶參返回上一頁幾種方法

小程序的頁面跳轉(zhuǎn)API像wx.navigateTo()、wx.redirectTo()之類的，都是跳轉(zhuǎn)到一個(gè)全新的頁面，當(dāng)這個(gè)頁面是表單的時(shí)候，有時(shí)候需要跳轉(zhuǎn)到其它頁面選取信息后再跳轉(zhuǎn)回來，那之前填

SaaS 2020/9/27 0:00:00
mpvue開發(fā)小程序所遇問題及h5轉(zhuǎn)化方案

mpvue開發(fā)小程序會(huì)遇到許多問題，下面為大家解答如何解決。...

開發(fā)小程序SaaS 2020/9/27 0:00:00