微信小程序 圖片上傳實(shí)例詳解
更新時(shí)間：2017年05月05日 11:30:17 投稿：lqh
這篇文章主要介紹了微信小程序 圖片上傳實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
一.了解wx.chooseImage(OBJECT)
二.代碼編程
在pages文件里面創(chuàng)建uploadimg文件夾
1.編寫頁(yè)面結(jié)構(gòu):uploadimg.wxml
<view class="container" style="padding:1rem;">
<button type="primary"bindtap="chooseimage">獲取圖片</button>
<image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx;margin:1rem 0;"/>
</view>
2.設(shè)置數(shù)據(jù):uploadimg.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
data: {
tempFilePaths: '',
},
/**
* 上傳圖片
*/
chooseimage: function () {
var _this = this;
wx.chooseImage({
count: 1, // 默認(rèn)9
// 可以指定是原圖還是壓縮圖，默認(rèn)二者都有
sizeType: ['original', 'compressed'],
// 可以指定來(lái)源是相冊(cè)還是相機(jī)，默認(rèn)二者都有
sourceType: ['album', 'camera'],
// 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
success: function (res) {
_this.setData({
tempFilePaths:res.tempFilePaths
})
}
})
}
}) 
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
本章主要是解決無(wú)界微前端環(huán)境下element-ui彈框偏移問(wèn)題，如果你用的是其他微前端框架，且提供了jsloader這種預(yù)處理器，則可以舉一反三解決同樣的問(wèn)題2023-08-08
一篇文章教你學(xué)會(huì)js實(shí)現(xiàn)彈幕效果
彈幕效果隨著b站的越做越強(qiáng)，出現(xiàn)了越來(lái)越多的仿照b站的視頻站點(diǎn)。然而這些視頻站仿照的最多的只有一點(diǎn)！那就是彈幕，現(xiàn)在也越來(lái)越多的人喜歡上了彈幕本文就教你如何制作2021-08-08
使用HTTP?Referer實(shí)現(xiàn)圖片防盜圖文示例詳解
這篇文章主要為大家介紹了使用HTTP?Referer實(shí)現(xiàn)圖片防盜圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Skypack布局前端基建實(shí)現(xiàn)過(guò)程詳解
這篇文章主要為大家介紹了Skypack布局前端基建過(guò)程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
如果文字過(guò)長(zhǎng),則將過(guò)長(zhǎng)的部分變成省略號(hào)顯示
如果文字過(guò)長(zhǎng),則將過(guò)長(zhǎng)的部分變成省略號(hào)顯示...2006-06-06
這篇文章主要給大家介紹的是JS中輕松遍歷對(duì)象屬性的幾種方式，文章從自身可枚舉屬性、Object.values() 返回屬性值、Object.entries()來(lái)展開介紹，感興趣的小伙伴可以參考一下2021-09-09
微信小程序 小程序制作及動(dòng)畫（animation樣式）詳解
這篇文章主要介紹了微信小程序 小程序制作及動(dòng)畫詳解的相關(guān)資料,這里對(duì)小程序制作進(jìn)行了詳解，介紹動(dòng)畫部分的知識(shí)，需要的朋友可以參考下2017-01-01
微信小程序 action-sheet詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序 action-sheet詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了 微信小程序?qū)崿F(xiàn)圖片輪播及文件上傳的相關(guān)資料,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了微信小程序 密碼輸入（源碼下載）的相關(guān)資料,需要的朋友可以參考下2017-06-06