欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序開發(fā)之從相冊獲取圖片 使用相機(jī)拍照 本地圖片上傳

 更新時間:2017年04月18日 11:04:16   作者:dzp_coder  
本篇文章主要介紹了微信小程序開發(fā)之從相冊獲取圖片--使用相機(jī)拍照,本地圖片上傳的相關(guān)資料。具有很好的參考價值。下面跟著小編一起來看下吧

今天遇到微信小程序的用戶頭像設(shè)置功能,做筆記.

先上gif:

再上代碼:

小demo,代碼很簡單.

1.index.wxml

<!--index.wxml--> 
<button style="margin:30rpx;" bindtap="chooseimage">獲取圖片</button> 
<image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx"/> 

2.index.js

//index.js 
//獲取應(yīng)用實例 
var app = getApp() 
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'], // 可以指定來源是相冊還是相機(jī),默認(rèn)二者都有 
   success: function (res) { 
    // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片 
    _this.setData({ 
     tempFilePaths:res.tempFilePaths 
    }) 
   } 
  }) 
 } 
}) 

API 說明:

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

這里注意:返回的是圖片在本地的路徑.如果需要將圖片上傳到服務(wù)器,需要用到另一個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 
   } 
  }) 
 } 
}) 

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!

相關(guān)文章

  • 理解JavaScript中的對象

    理解JavaScript中的對象

    這篇文章主要介紹了如何理解JavaScript中的對象,幫助大家更好的學(xué)習(xí)JavaScript,感興趣的朋友可以了解下
    2020-08-08
  • JavaScript判斷數(shù)組類型的方法

    JavaScript判斷數(shù)組類型的方法

    這篇文章主要介紹了JavaScript判斷數(shù)組類型的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-10-10
  • Javascript表格翻頁效果的具體實現(xiàn)

    Javascript表格翻頁效果的具體實現(xiàn)

    表格翻頁的實現(xiàn)方式有很多,下面以js為例為大家詳細(xì)介紹下表格翻頁效果的具體實現(xiàn),感興趣的朋友可不要錯過
    2013-10-10
  • JS 獲取文件后綴,判斷文件類型(比如是否為圖片格式)

    JS 獲取文件后綴,判斷文件類型(比如是否為圖片格式)

    這篇文章主要介紹了JS 獲取文件后綴,判斷文件類型(比如是否為圖片格式),需要的朋友可以參考下
    2020-05-05
  • Pyqt5實現(xiàn)多線程程序的使用示例

    Pyqt5實現(xiàn)多線程程序的使用示例

    Pyqt常常使用主從架構(gòu)(Master-Workers 架構(gòu))來避免界面卡死的情況,本文主要介紹了Pyqt5實現(xiàn)多線程程序的使用示例,感興趣的可以了解一下
    2023-11-11
  • 前端頁面適配之postcss-px-to-viewport實現(xiàn)步驟

    前端頁面適配之postcss-px-to-viewport實現(xiàn)步驟

    postcss-px-to-viewport是一個PostCSS插件,它可以將px單位轉(zhuǎn)換為視口單位(vw、vh?或?vmin),這篇文章主要給大家介紹了關(guān)于前端頁面適配之postcss-px-to-viewport的實現(xiàn)步驟,需要的朋友可以參考下
    2024-03-03
  • 論JavaScript模塊化編程

    論JavaScript模塊化編程

    這篇文章主要介紹了論JavaScript模塊化編程,感興趣的小伙伴們可以參考一下
    2016-03-03
  • js詞法作用域與this實例詳解

    js詞法作用域與this實例詳解

    作用域值一個變量的作用餓范圍,下面這篇文章主要給大家介紹了關(guān)于js詞法作用域與this的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-09-09
  • 基于electron的音視頻播放器

    基于electron的音視頻播放器

    本文主要介紹了基于electron的音視頻播放器,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • javascript的offset、client、scroll使用方法詳解

    javascript的offset、client、scroll使用方法詳解

    javascript的offset、client、scroll在使用過程中非常頻繁,接下來將對此進(jìn)行一一介紹,需要了解的朋友可以詳細(xì)參考下
    2012-12-12

最新評論