<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        微信小程序拍照和攝像功能實現方法示例

        來源:懂視網 責編:小采 時間:2020-11-27 22:01:15
        文檔

        微信小程序拍照和攝像功能實現方法示例

        微信小程序拍照和攝像功能實現方法示例:本文實例講述了微信小程序拍照和攝像功能實現方法。分享給大家供大家參考,具體如下: 拍照 原先的想法是使用微信的camera組件來實現,并且模擬發朋友圈的樣子來進行相機的設置,其實就是將camera組件的大小設置成根屏幕一樣大,并在上面使用一個cover-
        推薦度:
        導讀微信小程序拍照和攝像功能實現方法示例:本文實例講述了微信小程序拍照和攝像功能實現方法。分享給大家供大家參考,具體如下: 拍照 原先的想法是使用微信的camera組件來實現,并且模擬發朋友圈的樣子來進行相機的設置,其實就是將camera組件的大小設置成根屏幕一樣大,并在上面使用一個cover-

        本文實例講述了微信小程序拍照和攝像功能實現方法。分享給大家供大家參考,具體如下:

        拍照

        原先的想法是使用微信的camera組件來實現,并且模擬發朋友圈的樣子來進行相機的設置,其實就是將camera組件的大小設置成根屏幕一樣大,并在上面使用一個cover-image組件來給用戶進行點擊,可是實際上的情況是第一,cover-image組件有時候會消失,第二,整個流程實現起來很僵硬,頁面跳轉也是卡的要死,后來無意間發現了另一個API:wx.chooseImage,這個API會自己去調用相機和相冊,之后的工作完全交給底層去實現,簡直是簡單到沒朋友:

        // 拍照功能
        getLocalImage:function(){
         var that=this;
         wx.chooseImage({
         count:1,
         success:function(res){
         // 這里無論用戶是從相冊選擇還是直接用相機拍攝,拍攝完成后的圖片臨時路徑都會傳遞進來
         app.startOperating("保存中")
         var filePath=res.tempFilePaths[0];
         var session_key=wx.getStorageSync('session_key');
         // 這里順道展示一下如何將上傳上來的文件返回給后端,就是調用wx.uploadFile函數
         wx.uploadFile({
         url: app.globalData.url+'/home/upload/uploadFile/session_key/'+session_key,
         filePath: filePath,
         name: 'file',
         success:function(res){
         app.stopOperating();
         // 下面的處理其實是跟我自己的業務邏輯有關
         var data=JSON.parse(res.data);
         if(parseInt(data.status)===1){
         app.showSuccess('文件保存成功');
         }else{
         app.showError("文件保存失敗");
         }
         }
         })
         },
         fail:function(error){
         console.error("調用本地相冊文件時出錯")
         console.warn(error)
         },
         complete:function(){
         }
         })
         },
        
        

        其中封裝在app.js中的函數可以看我這篇文章:微信小程序一些簡易小函數總結。

        攝影

        其實跟上面的原理是一樣的,對應的API就是wx.chooseVideo,其中可以設置拍攝時間,用戶拍攝結束以及用戶拍攝時間超時等,都會調用success的回調函數,所以又是可以安心處理接下來的業務流程,而不用需要調用camera組件。

        // 攝像功能
         getLocalVideo:function(){
         var that=this;
         var session_key=wx.getStorageSync('session_key');
         wx.chooseVideo({
         maxDuration:10,
         success:function(res1){
         app.startOperating("上傳中")
         // 這個就是最終拍攝視頻的臨時路徑了
         var tempFilePath=res1.tempFilePath;
         },
         fail:function(){
         console.error("獲取本地視頻時出錯");
         }
         })
         },
        
        

        實現起來也是很簡單,但是有一個問題就是沒有辦法像調用camera組件一樣獲取視頻的縮略圖,這是現在唯一的缺陷。但是總體來說,比起調用camera組件,這樣實現起來的確簡單了很多。

        希望本文所述對大家微信小程序開發有所幫助。

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        微信小程序拍照和攝像功能實現方法示例

        微信小程序拍照和攝像功能實現方法示例:本文實例講述了微信小程序拍照和攝像功能實現方法。分享給大家供大家參考,具體如下: 拍照 原先的想法是使用微信的camera組件來實現,并且模擬發朋友圈的樣子來進行相機的設置,其實就是將camera組件的大小設置成根屏幕一樣大,并在上面使用一個cover-
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲av中文无码乱人伦在线播放| 222www免费视频| 亚洲精品在线播放| 久久精品国产亚洲AV久| 特级毛片免费播放| 最近免费字幕中文大全视频| 亚洲av无码精品网站| 99热这里只有精品免费播放| 精品日韩亚洲AV无码一区二区三区| 四虎影视成人永久免费观看视频| 亚洲精品tv久久久久| 亚洲精品无码专区久久| 日韩一级免费视频| 78成人精品电影在线播放日韩精品电影一区亚洲 | 免费午夜爽爽爽WWW视频十八禁| 亚洲精品免费在线| 免费影院未满十八勿进网站| 亚洲一日韩欧美中文字幕在线| 在线观看成人免费| 亚洲美女自拍视频| 免费在线观看的网站| 久久久久亚洲精品日久生情 | 最近最好的中文字幕2019免费 | 国产免费无码AV片在线观看不卡| 免费国产成人午夜电影| 在线播放国产不卡免费视频| 国产男女猛烈无遮挡免费视频| kk4kk免费视频毛片| 亚洲精品国产电影午夜| 日韩免费视频一区| 久久免费高清视频| 激情综合亚洲色婷婷五月| 国产在线观看www鲁啊鲁免费| 99久久精品毛片免费播放| 77777亚洲午夜久久多人| 免费看h片的网站| 亚洲成人福利在线观看| 免费日韩在线视频| AV激情亚洲男人的天堂国语| 成人免费毛片视频| 国产中文字幕在线免费观看|