微信小程序開發文件上傳功能怎么實現

這篇文章主要介紹了微信小程序開發文件上傳功能怎么實現的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇微信小程序開發文件上傳功能怎么實現文章都會有所收獲，下面我們一起來看看吧。

保存圖片，我認為有兩處需要保存 

1、選擇圖片的時候，使用wx.chooseImage選擇圖片的時候保存 

2、下載圖片的時候，使用wx.downloadFile下載圖片的時候保存

代碼片段 

1、選擇圖片的時候

js代碼

frontimage:function(){

var_this=this;

//選擇圖片

wx.chooseImage({

count:1,// 默認9

sizeType:[\'original\',\'compressed\'],// 可以指定是原圖還是壓縮圖，默認二者都有

sourceType:[\'album\',\'camera\'],// 可以指定來源是相冊還是相機，默認二者都有

success:function(res){

// 成功，把url賦值至wxml展示圖片

_this.setData({

FilePaths:res.tempFilePaths

})

// 保存圖片

wx.saveFile({

//之前被這個地址坑了好幾次

tempFilePath:res.tempFilePaths,//這個地址是圖片地址，而不是你保存的目的地址

success:function(res){

console.log(保存圖片成功)

},

fail:function(res){

console.log(保存圖片失敗)

console.log(res)

}

})

}

})

}

2、下載圖片的時候

wx.downloadFile({
              url: res.data.body[0].URL,  //圖片的下載地址
              success: function (res) { //圖片下載成功
                wx.saveFile({
                  tempFilePath: res.tempFilePath, //下載后的圖片臨時地址
                  success: function (res) {
                    console.log(保存圖片成功)
                  },
                  fail: function () {
                    console.log(保存圖片失敗)
                  }
                })
              }, fail: function (res) {
                console.log(圖片下載失敗)
              }
            })

圖片保存成功后，在保存成功的地方將返回的res.savedFilePath（這是成功保存后的保存路徑）放入緩存中，在需要用圖片的時候根據緩存存的url就可以取到圖片了。

關于“微信小程序開發文件上傳功能怎么實現”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“微信小程序開發文件上傳功能怎么實現”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。