微信小程序可以使用wx.uploadFile() API來(lái)上傳文件,使用wx.downloadFile() API來(lái)下載文件。
上傳文件的步驟如下:
1、創(chuàng)建一個(gè)選擇文件的按鈕。
2、用戶點(diǎn)擊按鈕后,調(diào)用wx.chooseImage()方法來(lái)選擇文件。
3、調(diào)用wx.uploadFile()方法上傳文件。
示例代碼如下:
//小程序頁(yè)面js文件
Page({
chooseImage: function () { // 上傳文件
wx.chooseImage({ // 本地資源上傳到服務(wù)器API
success: function (res) {
var tempFilePaths = res.tempFilePaths;
wx.uploadFile({
url: 'https://example.com/upload', // 指定服務(wù)器接口URL
filePath: tempFilePaths[0], // 本地文件路徑,即選擇文件返回的路徑
name: 'file', // 上傳文件的key,后臺(tái)要用到
success: function (res) { //成功后的回調(diào)函數(shù)
console.log(res);
}
})
}
})
}
})
下載文件的步驟如下:
1、創(chuàng)建一個(gè)下載文件的按鈕。
2、用戶點(diǎn)擊按鈕后,調(diào)用wx.downloadFile()方法來(lái)下載文件。
3、下載完成后,調(diào)用wx.saveFile()方法保存文件。
示例代碼如下:文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-505006.html
//小程序頁(yè)面js文件
Page({
downloadFile: function () { // 點(diǎn)擊選擇文件按鈕觸發(fā)事件
wx.downloadFile({
url: 'https://example.com/file', //文件的URL
success: function (res) {
wx.saveFile({ //保存
tempFilePath: res.tempFilePath, //保存文件地址
success: function (res) { //成功后的回調(diào)函數(shù)
console.log(res.savedFilePath)
}
})
}
})
}
})
需要注意的是,上傳文件需要服務(wù)器端支持文件上傳功能,下載文件需要服務(wù)器端提供對(duì)應(yīng)的文件下載鏈接。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-505006.html
到了這里,關(guān)于微信小程序是如何上傳文件以及下載文件的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!