通过cordova-plugin-file选择本地文件并通过xhr上传

iovurdzv  于 2022-11-15  发布在  其他
关注(0)|答案(1)|浏览(314)

在我的cordova应用程序中,用户可以录制一个音频文件(通过媒体插件),然后将其存储在本地文件(cordova.file.dataDirectory)中-这就像一个魅力。
现在我想选择这个文件并通过xhr上传它,但是在服务器端file元素是空的。

window.resolveLocalFileSystemURL(
    cordova.file.dataDirectory + "" + voiceMediaFilename,  
    function(fileEntry) {
      console.log("resolveLocalFileSystemURL done for " + voiceMediaFilename);
      fileEntry.file(
        function(file){
          console.log("getFile done for " + voiceMediaFilename);
          console.log("file done, starting fd ...");
          var fd = new FormData();
          fd.append("sender", uuid);
          fd.append("receiver", receiver);
          fd.append("timestamp", timestamp);
          fd.append("random", random);
          fd.append("media", file);
          console.log(file);
          console.log("Filesize of audio: " + file.size);
          uploadMedia(fd, user, timestamp, messageTypeOwn, uuid, receiver, msgId);
          voiceMediaFilename = "";
        }, 
        function(err){
          alert("Error getting file");
        }
      );
          },
    function(err){
      alert("Error in resolveLocalFileSystemURL " + JSON.stringify(err));
    }
  );

uploadMedia()函数本身执行xhr请求-该函数之所以有效是因为我在其他情况下也使用它(例如,用户通过输入类型file选择一个文件)。我假设我遗漏了一些东西,以便真正选择文件对象,但我真的不知道是什么。
谢谢

5jdjgkvh

5jdjgkvh1#

终于想通了--也许这对别人有帮助。
需要将文件作为ArrayBuffer(blob)读取,以便能够将此Blob添加到FormData对象。
下面是我的最终代码:

window.resolveLocalFileSystemURL(
cordova.file.dataDirectory + voiceMediaFilename,  
function(fileEntry) {
    fileEntry.file(function(file){
        console.log("getFile done for " + voiceMediaFilename);
        var reader = new FileReader();
        reader.onloadend = function() {
            console.log("reader done, starting fd ...");
            var blob = new Blob([new Uint8Array(this.result)], { type: file.type });
            var fd = new FormData();
            fd.append("sender", uuid);
            fd.append("receiver", receiver);
            fd.append("timestamp", timestamp);
            fd.append("random", random);
            fd.append("type", messageTypeOwn);
            fd.append("duration", audioDuration);
            fd.append("media", blob, voiceMediaFilename);
            uploadMedia(fd, user, timestamp, messageTypeOwn, uuid, receiver, msgId);
            voiceMediaFilename = "";
        };
        reader.readAsArrayBuffer(file);
    }, 
    function(err){
        alert("Error getting file");
    });
},
function(err){
    alert("Error in resolveLocalFileSystemURL " + JSON.stringify(err));
});

相关问题