微信小程序?qū)崿F(xiàn)文件、圖片上傳功能

更新時間：2020年08月18日 11:02:49 作者：小江_

這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)文件、圖片上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了微信小程序?qū)崿F(xiàn)文件圖片上傳的具體代碼，供大家參考，具體內(nèi)容如下

在我看來微信小程序的功能挺強大的，提供了很多API讓你直接使用。

這里我說一下微信小程序如何實現(xiàn)圖片的上傳

1、在微信公眾號平臺設(shè)置uploadFile合法域名

點擊設(shè)置-開發(fā)設(shè)置，可以看到服務(wù)器域名，點擊修改，設(shè)置一下你的uploadFile合法域名。

否則會出現(xiàn)以下錯誤。

2、使用wx.chooseImage和wx.uploadFile實現(xiàn)圖片上傳

代碼如下

wx.chooseImage({
 count: 1, // 默認9
 sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認二者都有
 sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機，默認二者都有
 success: function (res) {
 // 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標簽的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í)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JS判斷元素為數(shù)字的奇異寫法分享
JS判斷元素為數(shù)字的奇異寫法分享，需要的朋友可以參考下
2012-08-08
利用js實現(xiàn)前后臺傳送Json的示例代碼
下面小編就為大家分享一篇利用js實現(xiàn)前后臺傳送Json的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
three.js創(chuàng)造時空裂縫特效實現(xiàn)示例
這篇文章主要為大家介紹了three.js創(chuàng)造時空裂縫特效實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-11-11
微信小程序-橫向滑動scroll-view隱藏滾動條
本篇文章主要介紹了微信小程序-橫向滑動scroll-view隱藏滾動條的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
JavaScript實現(xiàn)打字游戲
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)打字游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-02-02
使用微信SDK自定義分享的方法
這篇文章主要介紹了使用微信SDK自定義分享的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
Javascript中使用A標簽獲取當(dāng)前目錄的絕對路徑方法
這篇文章主要介紹了Javascript中使用A標簽獲取當(dāng)前目錄的絕對路徑方法,本文講解的方法比較特別,需要的朋友可以參考下
2015-03-03
你不知道的 javascript【推薦】
本文介紹了javascript中你所不知道的相關(guān)知識。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
淺析JavaScript回調(diào)函數(shù)應(yīng)用
這篇文章主要為大家詳細介紹了JavaScript回調(diào)函數(shù)應(yīng)用，感興趣的朋友可以參考一下
2016-05-05
javascript實現(xiàn)簡易計算器功能
這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡易計算器功能，實現(xiàn)四則運算，小數(shù)點，回退，歸0等功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09