Uniapp下載詳解

一、Uniapp下載功能

Uniapp是一款跨平台開發工具，可以在使用一套代碼的情況下同時開發iOS、Android以及H5應用。為了讓開發者方便地進行開發，Uniapp提供了一套完善的下載機制。

在使用Uniapp進行開發的時候，常常需要下載一些資源或者文件，這時候就需要用到Uniapp提供的下載功能。Uniapp下載功能可以完成以下幾方面的功能：

• 下載網絡上的圖片和視頻
• 下載遠程頁面
• 下載Jar包以及其他二進制文件
• 下載本地文件

Uniapp下載功能可以把下載文件保存到本地，為開發者提供了很大的便利。

二、Uniapp下載視頻到本地

Uniapp提供了一種方式，可以將網絡上的視頻下載到本地。需要用到uni.downloadFile()函數，需要開發者傳入視頻的網絡URL地址以及本地存儲的路徑。例如：

uni.downloadFile({
  url: 'http://example/video.mp4',
  success: (res) => {
    if (res.statusCode === 200) {
      uni.saveVideoToPhotosAlbum({
        filePath: res.tempFilePath,
        success: () => {
          uni.showToast({
            title: '保存成功'
          })
        },
        fail: () => {
          uni.showToast({
            title: '保存失敗'
          })
        }
      })
    }
  },
  fail: () => {
    uni.showToast({
      title: '下載失敗'
    })
  }
})

以上代碼會將http://example/video.mp4下載到本地存儲，並保存到本地相冊中。

三、Uniapp下載頁面

在Uniapp中，下載頁面的本質就是下載一個遠程的HTML頁面，並且通過WebView進行展示。Uniapp提供了一個uni.downloadFile()函數，可以用來完成遠程頁面下載。例如：

uni.downloadFile({
  url: 'http://example/index.html',
  success: (res) => {
    if (res.statusCode === 200) {
      uni.navigateTo({
        url: '/pages/webview/index?url=' + res.tempFilePath
      })
    }
  },
  fail: () => {
    uni.showToast({
      title: '下載失敗'
    })
  }
})

以上代碼會將http://example/index.html下載到本地存儲，並且通過uni.navigateTo()函數進行打開。

四、Uniapp下載Jar包

在Uniapp開發中，有時候需要下載Jar包以及其他的二進制文件，這時候就需要用到uni.downloadFile()函數和uni.saveFile()函數。例如：

uni.downloadFile({
  url: 'http://example/jarfile.jar',
  success: (res) => {
    if (res.statusCode === 200) {
      uni.saveFile({
        tempFilePath: res.tempFilePath,
        success: (file) => {
          uni.showToast({
            title: '下載成功'
          })
        },
        fail: () => {
          uni.showToast({
            title: '保存失敗'
          })
        }
      })
    }
  },
  fail: () => {
    uni.showToast({
      title: '下載失敗'
    })
  }
})

以上代碼會將Jar包下載到本地存儲，並且通過uni.saveFile()函數保存到本地。

五、Uniapp下載uView報錯

在Uniapp中使用uView的過程中，有時候會出現下載uView報錯的情況。大多數情況下是因為編譯環境問題導致的。這時候需要在manifest.json中添加如下代碼：

"app-plus": {
  "name": "hello uni-app",
  "type": "APP",
  "versionCode": 1,
  "versionName": "1.0.0",
  "uview-ui": {
    "noPromise": true
  }
}

以上代碼會禁用uView的promise支持，一般可以解決uView下載報錯的問題。

六、Uniapp下載文件到手機

在Uniapp中，可以直接將文件下載到手機的內置存儲器中。需要用到uni.downloadFile()函數和uni.saveFile()函數。例如：

uni.downloadFile({
  url: 'http://example/image.jpg',
  success: (res) => {
    if (res.statusCode === 200) {
      uni.saveFile({
        tempFilePath: res.tempFilePath,
        success: (file) => {
          uni.saveImageToPhotosAlbum({
            filePath: file.savedFilePath,
            success: () => {
              uni.showToast({
                title: '保存成功'
              })
            },
            fail: () => {
              uni.showToast({
                title: '保存失敗'
              })
            }
          })
        },
        fail: () => {
          uni.showToast({
            title: '保存失敗'
          })
        }
      })
    }
  },
  fail: () => {
    uni.showToast({
      title: '下載失敗'
    })
  }
})

以上代碼會將http://example/image.jpg下載到本地存儲，並且通過uni.saveImageToPhotosAlbum()函數保存到本地相冊中。

七、Uniapp下載完提示完成

在Uniapp中，可以通過uni.downloadFile()函數的success回調函數來提示下載完成。例如：

uni.downloadFile({
  url: 'http://example/image.jpg',
  success: (res) => {
    if (res.statusCode === 200) {
      uni.showToast({
        title: '下載完成'
      })
    }
  },
  fail: () => {
    uni.showToast({
      title: '下載失敗'
    })
  }
})

以上代碼會將http://example/image.jpg下載到本地存儲，並且通過uni.showToast()函數提示下載完成。

八、Uniapp下載文件到本地

在Uniapp中，可以將文件下載到本地存儲，需要用到uni.downloadFile()函數和uni.saveFile()函數。例如：

uni.downloadFile({
  url: 'http://example/image.jpg',
  success: (res) => {
    if (res.statusCode === 200) {
      uni.saveFile({
        tempFilePath: res.tempFilePath,
        success: (file) => {
          uni.showToast({
            title: '保存成功'
          })
        },
        fail: () => {
          uni.showToast({
            title: '保存失敗'
          })
        }
      })
    }
  },
  fail: () => {
    uni.showToast({
      title: '下載失敗'
    })
  }
})

以上代碼會將http://example/image.jpg下載到本地存儲，並且通過uni.saveFile()函數保存到本地。

九、Uniapp下載的文件在哪裡

在Uniapp中，使用uni.downloadFile()函數下載的文件都是保存在本地存儲器中的，保存的位置在uni.saveFile()函數保存時指定。在Android平台下，默認保存在/storage/emulated/0/Android/data/{appid}/files/目錄下。在iOS平台下，默認保存在應用的沙盒目錄中。

十、Uniapp下載管理器實現選取

在Uniapp中，可以通過uni.downloadFile()函數和uni.saveFile()函數實現下載管理器。可以先使用uni.downloadFile()函數將文件下載到本地存儲器中，然後通過uni.saveFile()函數將文件保存到指定的文件目錄中。這樣就可以實現下載並管理文件了。