一、uniapp上傳圖片API
uniapp提供了方便易用的API進行圖片上傳操作，主要包括兩種方法：uni.chooseImage()和uni.uploadFile()
uni.chooseImage()用於從相機和相冊選擇圖片，並返回臨時文件路徑列表。uni.uploadFile()用於將選擇的圖片文件上傳到伺服器。
// 從相冊中選擇圖片
uni.chooseImage({
count: 1, //選擇圖片的數量，默認9
sizeType: ['compressed'], //原圖、壓縮圖或者兩者都有，可以指定原圖或壓縮圖，默認兩者都有
sourceType: ['album'], //從相冊選擇
success: function(res) {
const tempFilePaths = res.tempFilePaths; // 返回選定照片的本地文件路徑列表
}
})
// 上傳圖片到伺服器
uni.uploadFile({
url: 'http://example.com/upload',
filePath: 'tempFilePaths[0]',
name: 'file',
formData: {
'user': 'test'
},
success: function(res) {
console.log('上傳成功');
}
})
二、uniapp前端圖片上傳
在uniapp中實現前端圖片上傳，可以使用第三方插件或者自己編寫組件。下面是一個簡單的使用uni.uploadFile()進行圖片上傳的示例：
原創文章，作者：ISTCM，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/329355.html
微信掃一掃 
支付寶掃一掃 