微信小程序?qū)崿F(xiàn)文件、圖片上傳功能
本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)文件圖片上傳的具體代碼,供大家參考,具體內(nèi)容如下
在我看來微信小程序的功能挺強(qiáng)大的,提供了很多API讓你直接使用。
這里我說一下微信小程序如何實(shí)現(xiàn)圖片的上傳
1、在微信公眾號(hào)平臺(tái)設(shè)置uploadFile合法域名
點(diǎn)擊設(shè)置-開發(fā)設(shè)置,可以看到服務(wù)器域名,點(diǎn)擊修改,設(shè)置一下你的uploadFile合法域名。
否則會(huì)出現(xiàn)以下錯(cuò)誤。
2、使用wx.chooseImage和wx.uploadFile實(shí)現(xiàn)圖片上傳
代碼如下
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屬性顯示圖片 var tempFilePaths = res.tempFilePaths; wx.uploadFile({ url: 'https://...', //此處換上你的接口地址 filePath: tempFilePaths[0], name: 'img', header: { "Content-Type": "multipart/form-data", 'accept': 'application/json', 'Authorization': 'Bearer ..' //若有token,此處換上你的token,沒有的話省略 }, formData:{ 'user':'test' //其他額外的formdata,可不寫 }, success: function(res){ var data=res.data; console.log('data'); }, fail: function(res){ console.log('fail'); }, }) } })
注:目前微信小程序還不支持base64圖片上傳
為大家推薦現(xiàn)在關(guān)注度比較高的微信小程序教程一篇:《微信小程序開發(fā)教程》小編為大家精心整理的,希望喜歡。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 微信小程序?qū)崿F(xiàn)上傳照片代碼實(shí)例解析
- uni-app開發(fā)微信小程序之H5壓縮上傳圖片的問題詳解
- 微信小程序?qū)崿F(xiàn)云開發(fā)上傳文件、圖片功能
- 微信小程序?qū)崿F(xiàn)多文件或者圖片上傳
- 微信小程序?qū)崿F(xiàn)上傳圖片
- 微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序
- 微信小程序?qū)崿F(xiàn)上傳圖片的功能
- 微信小程序?qū)崿F(xiàn)上傳多張圖片、刪除圖片
- 微信小程序?qū)崿F(xiàn)同時(shí)上傳多張圖片
- 微信小程序?qū)崿F(xiàn)一張或多張圖片上傳(云開發(fā))
- 微信小程序?qū)崿F(xiàn)多張照片上傳功能
相關(guān)文章
js小數(shù)計(jì)算小數(shù)點(diǎn)后顯示多位小數(shù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s小數(shù)計(jì)算小數(shù)點(diǎn)后顯示多位小數(shù)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05js實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成背景顏色
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成背景顏色,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09JavaScript如何將后端獲取到的byte數(shù)組轉(zhuǎn)為文件
這篇文章主要給大家介紹了關(guān)于JavaScript如何將后端獲取到的byte數(shù)組轉(zhuǎn)為文件的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-04-04javascript和jquery實(shí)現(xiàn)設(shè)置和移除文本框默認(rèn)值效果代碼
這篇文章主要介紹了javascript和jquery實(shí)現(xiàn)設(shè)置和移除文本框默認(rèn)值效果代碼,本文實(shí)現(xiàn)的是類似html5 placeholder(空白提示)一種效果,需要的朋友可以參考下2015-01-01JavaScript電子時(shí)鐘倒計(jì)時(shí)第二款
這篇文章主要介紹了JavaScript電子時(shí)鐘倒計(jì)時(shí)的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-01-01