溫馨提示×

uniapp多張圖片上傳的方法是什么

小億
700
2024-03-15 14:23:54
欄目: 編程語言

在uniapp中,可以使用uni.uploadFile方法來實現多張圖片上傳。具體步驟如下:

  1. 將uni.chooseImage方法選擇的圖片轉換為文件對象
uni.chooseImage({
  count: 3,
  success: function (res) {
    const tempFilePaths = res.tempFilePaths
    const files = tempFilePaths.map((path) => {
      return { uri: path, name: 'file' }
    })
    // 調用上傳方法
    uploadImages(files)
  }
})
  1. 創建一個上傳文件的方法uploadImages
function uploadImages(files) {
  files.forEach((file) => {
    uni.uploadFile({
      url: 'http://example.com/upload',
      filePath: file.uri,
      name: file.name,
      success: function (res) {
        console.log(res.data)
      },
      fail: function (err) {
        console.log(err)
      }
    })
  })
}
  1. 在上傳文件時指定服務器的接口地址和文件路徑等參數,并在上傳成功或失敗后進行相應的處理。

注意:需要在manifest.json文件中配置權限,允許訪問網絡和本地文件。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女