科尔多瓦插件文件覆盖 window.File

Question

当我尝试将文件上传到我的服务器时，当我选择带有<input type="file" /> 的文件时它就像一个魅力，但当我使用cordova-plugin-file 时它发送一个空（0 字节）文件。你猜怎么着？

Answer 1

如果您加载cordova-plugin-file，new File 不会创建相同的对象。因为window.File 被cordova-plugin-file 覆盖。

所以我不得不做一个小技巧（感谢https://stackoverflow.com/a/29390393/178575）：

const getFile = dirEntry =>
  new Promise((resolve, reject) => {
    dirEntry.file(file => {
      // window.File is modified by cordova, so we need this trick
      const reader = new FileReader()
      reader.onloadend = function() {
        const blob = new Blob([new Uint8Array(this.result)], {
          type: file.type
        })
        blob.name = file.name
        blob.lastModifiedDate = new Date(file.lastModifiedDate)
        resolve(blob)
      }
      reader.readAsArrayBuffer(file)
    })
})