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

微信小程序教程之本地圖片上傳(leancloud)實(shí)例詳解

 更新時(shí)間：2016年11月16日 10:23:46   作者：dzp_coder  
這篇文章主要介紹了微信小程序教程之本地圖片上傳(leancloud)實(shí)例詳解的相關(guān)資料,這里舉例說(shuō)明該如何實(shí)現(xiàn)和實(shí)例代碼，文章一一表述，需要的朋友可以參考下

微信小程序 leancloud ——本地圖片上傳

          由于本站最近學(xué)習(xí)微信小程序的知識(shí)，這里記錄下微信小程序?qū)崿F(xiàn)本地上傳的功能實(shí)現(xiàn)方法，以下是網(wǎng)上找的資料，大家看下。

將本地圖片上傳至leancloud后臺(tái).


獲取本地圖片或者拍照,我在上一篇博文中寫(xiě)過(guò).這里就不說(shuō)了.我的博客

直接上代碼:

1.index.js

//index.js 
//獲取應(yīng)用實(shí)例 
var app = getApp() 
const AV = require('../../utils/av-weapp.js'); 
Page({ 
 data: { 
 tempFilePaths: '' 
 }, 
 onLoad: function () { 
 AV.init({ 
  appId: 'EJx0NSfY*********-gzGzoHsz', 
  appKey: 'FBVPg5G*******T97SNQj', 
 }); 
 }, 
 chooseimage: function () { 
 var _this = this; 
 wx.chooseImage({ 
  count: 9, // 默認(rèn)9 
  sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有 
  sourceType: ['album', 'camera'], // 可以指定來(lái)源是相冊(cè)還是相機(jī)，默認(rèn)二者都有 
  success: function (res) { 
  // 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片 
  _this.setData({ 
   tempFilePaths: res.tempFilePaths 
  }) 
  var tempFilePath = res.tempFilePaths[0]; 
  new AV.File('file-name', { 
   blob: { 
   uri: tempFilePath, 
   }, 
  }).save().then( 
   file => console.log(file.url()) 
   ).catch(console.error); 
  } 
 }) 
 } 
})

通過(guò)file.url()可以拿到圖片的url,下面是我上傳后其中一張圖片的url

http://ac-ejx0nsfy.clouddn.com/6a0b4c301fed32d0e2a8


如果有同學(xué)用到leancloud,可以參照.其他可以看看文檔.

微信小程序上傳本地圖片文件

2.index.wxml

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

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

相關(guān)文章

  • 前端取消請(qǐng)求及取消重復(fù)請(qǐng)求方式

    前端取消請(qǐng)求及取消重復(fù)請(qǐng)求方式

    這篇文章主要為大家介紹了前端取消請(qǐng)求及取消重復(fù)請(qǐng)求方式，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-07-07
  • JavaScript執(zhí)行機(jī)制詳細(xì)介紹

    JavaScript執(zhí)行機(jī)制詳細(xì)介紹

    這篇文章主要介紹了JavaScript執(zhí)行機(jī)制，想要搞懂JavaScript執(zhí)行機(jī)制，便與進(jìn)程與線程的概念脫不了干系，下面我們就來(lái)看看這JavaScript執(zhí)行機(jī)制的具體介紹吧,需要的朋友可以參考一下
    2021-12-12
  • JS原始類型為什么能調(diào)用方法原理詳解

    JS原始類型為什么能調(diào)用方法原理詳解

    這篇文章主要為大家介紹了JS原始類型為什么能調(diào)用方法原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-06-06
  • 微信小程序 限制1M的瘦身技巧與方法詳解

    微信小程序 限制1M的瘦身技巧與方法詳解

    這篇文章主要介紹了微信小程序 瘦身技巧與方法詳解的相關(guān)資料,現(xiàn)在微信小程序 提交代碼只有1M大小的限制，這就對(duì)開(kāi)發(fā)者提出難題了，這里提供了相關(guān)方法技巧，需要的朋友可以參考下
    2017-01-01
  • 微信小程序 時(shí)間格式化（util.formatTime(new Date)）詳解

    微信小程序 時(shí)間格式化（util.formatTime(new Date)）詳解

    這篇文章主要介紹了微信小程序 時(shí)間格式化（util.formatTime(new Date)）詳解的相關(guān)資料,這里附實(shí)例，一目了然很容易解決，需要的朋友可以參考下
    2016-11-11
  • 微信小程序登錄態(tài)控制深入分析

    微信小程序登錄態(tài)控制深入分析

    這篇文章主要介紹了微信小程序登錄態(tài)控制深入分析的相關(guān)資料,需要的朋友可以參考下
    2017-04-04
  • lodash內(nèi)部方法getData和setData實(shí)例解析

    lodash內(nèi)部方法getData和setData實(shí)例解析

    本篇章我們將了解lodash里內(nèi)部關(guān)于Data的操作方法，重點(diǎn)關(guān)注getData、setData兩個(gè)內(nèi)部方法，同時(shí)由實(shí)現(xiàn)上引申其他內(nèi)部封裝的方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-08-08
  • js前端設(shè)計(jì)模式優(yōu)化50%表單校驗(yàn)代碼示例

    js前端設(shè)計(jì)模式優(yōu)化50%表單校驗(yàn)代碼示例

    這篇文章主要為大家介紹了js前端設(shè)計(jì)模式優(yōu)化50%表單校驗(yàn)代碼示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-06-06
  • 打包非 JavaScript 靜態(tài)資源詳情

    打包非 JavaScript 靜態(tài)資源詳情

    這篇文章主要介紹了打包非 JavaScript 靜態(tài)資源，打包工具中的自定義導(dǎo)入，種常見(jiàn)的方法是利用已有的靜態(tài)導(dǎo)入語(yǔ)法。有些打包工具可能會(huì)通過(guò)文件擴(kuò)展名來(lái)自動(dòng)檢測(cè)格式，而有些其他打包工具則允許插件使用自定義的 URL Scheme，下面具體內(nèi)舉例說(shuō)明,需要的朋友可以參考一下
    2021-10-10
  • 微信小程序 Button 組件詳解及簡(jiǎn)單實(shí)例

    微信小程序 Button 組件詳解及簡(jiǎn)單實(shí)例

    這篇文章主要介紹了微信小程序 Button 組件詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下
    2017-01-01

最新評(píng)論