微信小程序開發(fā)文件上傳功能怎么實現(xiàn)

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

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

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（這是成功保存后的保存路徑）放入緩存中，在需要用圖片的時候根據(jù)緩存存的url就可以取到圖片了。

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