国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學(xué)院 > 開發(fā)設(shè)計(jì) > 正文

微信小程序?qū)崙?zhàn)開發(fā):圖片選取以及拍照功能

2019-11-09 14:59:51
字體:
供稿:網(wǎng)友
一、圖片選擇功能從本地相冊選擇圖片或使用相機(jī)拍照1.png 2.gif 使用過程如下:wx.chooseImage({  count: 1, // 默認(rèn)9  sizeType: ['original', 'comxml》點(diǎn)擊我選擇相冊發(fā)布復(fù)制代碼整體的文件架構(gòu)圖如下:3.png 二、增置了圖片預(yù)覽圖片預(yù)覽功能需要服務(wù)器端的配置。所以,今后這可能是作為一個網(wǎng)站架構(gòu),成為某種服務(wù)性的商業(yè)軟件的需要。配置服務(wù)器的小程序相對于功能性的來說要麻煩點(diǎn),因?yàn)樾枰?wù)端的配合。但是幸虧我手頭有幾個空置的云服務(wù)器,所以就直接拿來寫了一個這種東西。后期可能會直接開發(fā)一個類似于朋友圈的,可以把圖片放到服務(wù)器上去。附上文字,然后慢慢的形成一個閉環(huán)的圈子。當(dāng)然這是我的想法, 目前小程序只是玩耍的工具。圖片預(yù)覽功能其實(shí)很簡單,就是把服務(wù)器端的圖片下載下來進(jìn)行一種壓縮格式的預(yù)覽。稍后容我一一道來。目前這個功能,怎么來說呢,其實(shí)就是個雞肋。因?yàn)槲业膱D片大多是本地文件,要不就是直接加載的服務(wù)端的圖片,預(yù)覽這個作用實(shí)在讓我難以找到用途。不過,如果今后真要布置一個圈子的話,這一點(diǎn)又是必不可少的。畢竟預(yù)覽這個功能可以省下巨多流量!《picture.js》//index.js//獲取應(yīng)用實(shí)例var app = getApp()Page({  data: {source:"http://159.203.250.111/Carly.png",  },listenerButtonChooseImage: function() {      var that = this;      wx.chooseImage({          count: 1,          //original原圖,compressed壓縮圖          sizeType: ['original'],          //album來源相冊 camera相機(jī)           sourceType: ['album', 'camera'],          //成功時會回調(diào)          success: function(res) {                //重繪視圖              that.setData({                  source: res.tempFilePaths,                             })          }      })  },  yulan:function(){    wx.previewImage({   current: 'http://119.29.74.46/myphoto/0.jpg', // 當(dāng)前顯示圖片的鏈接,不填則默認(rèn)為 urls 的第一張  urls: [ 'http://119.29.74.46/myphoto/0.jpg',   'http://119.29.74.46/myphoto/1.jpg',    'http://119.29.74.46/myphoto/2.jpg',     'http://119.29.74.46/myphoto/3.jpg',      'http://119.29.74.46/myphoto/4.jpg',       'http://119.29.74.46/myphoto/5.jpg',       'http://119.29.74.46/myphoto/6.jpg',        'http://119.29.74.46/myphoto/7.jpg'],  success: function(res){  },  fail: function() {    // fail  },  complete: function() {    // complete  }})  },   onShareAppMessage: function () {    return {      title: '歡迎使用顏大傻牌跑步計(jì)',      desc: '將你的戰(zhàn)績分享到~~~',      path: '/page/picture/picture.js'    }  },})復(fù)制代碼《picture.wxml》《---picture.wxml》<view class="header" style="flex-direction:row;"><!--通過數(shù)據(jù)綁定的方式動態(tài)獲取js數(shù)據(jù)--><image src="{{source}}" mode="fulltoFill"  class="pic"/><!--監(jiān)聽按鈕--><button type="primary" bindtap="listenerButtonChooseImage" class="button_anniu">點(diǎn)擊我選擇相冊</button><button bindtap="" class="button_anniu"> 發(fā)布 </button></view>復(fù)制代碼4.gif 

4.gif (419.75 KB, 下載次數(shù): 0)

下載附件

4 小時前 上傳

預(yù)覽功能的原理很簡單,其實(shí)就是給你一個按鈕,綁定一個事件。這個事件就是向服務(wù)器請求預(yù)覽圖片加載,所謂預(yù)覽圖片加載呢。其實(shí)就是一個壓縮過的,低像素的圖片啦。然后給你發(fā)送過來,你就完成了所謂的預(yù)覽。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 黔南| 新昌县| 囊谦县| 红原县| 阿巴嘎旗| 博罗县| 四子王旗| 浑源县| 分宜县| 襄垣县| 绥棱县| 彭山县| 平原县| 且末县| 永寿县| 青龙| 河源市| 湄潭县| 凌源市| 镇康县| 巫山县| 彭州市| 青州市| 沙湾县| 金塔县| 旬邑县| 高清| 游戏| 凤庆县| 灌云县| 文安县| 永胜县| 周至县| 孟津县| 阜康市| 沅江市| 治县。| 卢湾区| SHOW| 鹤壁市| 新疆|