Ionic項(xiàng)目中Native Camera的使用方法
本文介紹如何在ionic項(xiàng)目中使用設(shè)備的camera。
Ionic版本：v3.2.0 / 2017-05-10 / MIT Licensed / Release Notes
1）第一步是安裝ionic-native/core。所有用到Native的功能，這一步不能省。npm install @ionic-native/core --save
ps：關(guān)于第一步，官方的說明是ionic-native/core是默認(rèn)就包含在每一個(gè)Ionic應(yīng)用里面的，注意下圖中的紅色矩形文字。
言外之意如果開發(fā)環(huán)境都是最新版本，期間也沒有經(jīng)歷Ionic版本的升級(jí)，是可以忽略這一步的，不需要開發(fā)者手動(dòng)安裝。
但是，在實(shí)際開發(fā)過程中，很多時(shí)候可能會(huì)遇到下面這樣的問題：
原因無非還是因?yàn)樯?jí)。。。升級(jí)。。。升級(jí)。我的項(xiàng)目創(chuàng)建是基于Ionic v2.2.2版本。但是期間經(jīng)歷過Ionic官方升級(jí)到v3.2.0版本。
所以解決的辦法就是：
2）其次是給自己的項(xiàng)目添加cordova插件。ionic cordova plugin add cordova-plugin-camera
3）安裝相應(yīng)的node_moudles。npm install --save @ionic-native/camera
4）找到代碼src->app下的app.moudle.ts文件， Add this plugin to your app's module。這一步可以放到最后做，但是一定不要忘。
5）其他就是添加你如何使用Camera的代碼。
6）編碼工作完成后，就是使用Chrome測試cordova插件了。
ionic cordova platform add browser
ionic cordova run browser
不是直接ionic serve的原因參見：http://www.cnblogs.com/crazyprogrammer/p/6878981.html注意Chrome阻止網(wǎng)頁使用攝像頭的時(shí)候，記得修改為允許。
參考：
Ionic官網(wǎng)：http://ionicframework.com/docs/native/camera/
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
js實(shí)現(xiàn)文章目錄索引導(dǎo)航(table of content)
這篇文章主要介紹了js實(shí)現(xiàn)文章目錄索引導(dǎo)航(table of content),需要的朋友可以參考下2020-05-05
動(dòng)態(tài)加載圖片路徑 保持JavaScript控件的相對獨(dú)立性
根據(jù)新界面的要求，需要一部分圖片來增強(qiáng)日期控件的美觀性。考慮到既要實(shí)現(xiàn)加載圖表的目標(biāo)，又要保持控件的獨(dú)立性以便將來的移植。2010-09-09
詳談innerHTML innerText的使用和區(qū)別
下面小編就為大家?guī)硪黄斦刬nnerHTML innerText的使用和區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
給定兩個(gè)遞增排序的鏈表，如何將這兩個(gè)鏈表合并？合并后的鏈表依然按照遞增排序。本文就跟大家如何利用TypeScript實(shí)現(xiàn)這一效果，感興趣的可以學(xué)習(xí)一下2022-06-06
JavaScript實(shí)現(xiàn)將Word文檔解析成瀏覽器認(rèn)識(shí)的HTML
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)將Word文檔解析成瀏覽器認(rèn)識(shí)的HTML,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-02-02
JS實(shí)現(xiàn)導(dǎo)出Excel的五種方法詳解【附源碼下載】
這篇文章主要介紹了JS實(shí)現(xiàn)導(dǎo)出Excel的五種方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了基于table表格導(dǎo)出Excel文件的相關(guān)操作技巧,并附源碼供讀者下載參考,需要的朋友可以參考下2018-03-03
在實(shí)際開發(fā)中我們經(jīng)常需要獲取其他域的資源，本篇文章主要介紹了詳解Javascript幾種跨域方式總結(jié)，有興趣的可以了解一下。2017-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)橫向滾動(dòng)條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
JavaScript屏蔽Backspace鍵的實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript屏蔽Backspace鍵的實(shí)現(xiàn)代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11
微信網(wǎng)頁登錄邏輯與實(shí)現(xiàn)方法
這篇文章主要介紹了微信網(wǎng)頁登錄邏輯與實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04