Question

在this尚未回答的问题之后，我进行了一些测试以查看问题所在 - 在我这边或在服务器端。

因此，考虑到它可能是图像编解码器问题，我尝试使用post方法将text/plain文件上传到我的服务器。

首先，我通过调用readAsText()方法确保文件存在：

function onDeviceReady() {
   window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);
    }

      function gotFS(fileSystem) {
          fileSystem.root.getFile("textfile.txt", null, gotFileEntry, fail);
      }

      function gotFileEntry(fileEntry) {
          fileEntry.file(gotFile, fail);
      }

      function gotFile(file){
          readDataUrl(file);
          readAsText(file);
      }

      function readDataUrl(file) {
          var reader = new FileReader();
          reader.onloadend = function(evt) {
              alert("Read as data URL");
              alert(evt.target.result);
          };
          reader.readAsDataURL(file);
      }

      function readAsText(file) {
          var reader = new FileReader();
          reader.onloadend = function(evt) {
              alert("Read as text");
              alert(evt.target.result);
          };
          reader.readAsText(file);
      }

      function fail(evt) {
          alert(evt.target.error.code);
      }

我收到包含文本文件URL和文本文件内容的警报后，我知道这是我的文件。现在我上传它：

function gotFile(file){
          // alert('gotFile')
          // readDataUrl(file);
          // readAsText(file);
          alert(file.fullPath)
          uploadText(file.fullPath)
      }

function uploadText(fileURI) {
     alert('uploading file...')
      function win(r) {
        alert("Code = " + r.responseCode);
        alert("Response = " + r.response);
        alert("Sent = " + r.bytesSent);
    }

    function fail(error) {
        alert("An error has occurred: Code = " + error.code);
        alert("http_status = " + error.http_status);
        alert("upload error source " + error.source);
        alert("upload error target " + error.target);
    }

      var options = new FileUploadOptions();
      options.fileKey = "file";
      options.fileName = fileURI.substr(fileURI.lastIndexOf('/') + 1);
      options.mimeType = "text/plain";

      var ft = new FileTransfer();
      ft.upload(fileURI, encodeURI("https://mysecureurl.com/?filename="+options.fileName), win, fail, options);
    }

我收到fileTransfer错误代码1（找不到文件）和http状态代码411（格式错误的请求）。

我拥有所有权限，包括我的android项目中的fileTransfer以及<access origin="*"/>。我的服务器管理员说他收到了请求，但是当我从phonegap发送文件时（正常的浏览器请求不同），中间的某些内容被打破了，他无法弄清楚它是什么。

我真的被困在这里了。我不知道有任何PhoneGap限制吗？或者无论如何都要捕获手机的http正文请求，以便我可以调试它？

Answer 1

问题在于内容类型。 Phonegap设置Content-Type：multipart / form-data; boundary = +++++省略其间的空格。有些服务器可能会挑剔。我通过重写此标头并添加如下空格来解决了这个问题：Content-Type：multipart / form-data;边界= +++++。虽然这听起来像是一个黑客，并为我解决了这个问题，但这个变化需要在未来的版本中加入到phonegap Android库中。

Answer 2

它刚刚在Android平台上发布，在iOS上运行良好，因此请尝试在Android 上设置options.chunkedMode=false（chunkedMode选项默认为true）。见https://github.com/apache/cordova-plugin-file-transfer/pull/141#issuecomment-291776345

PhoneGap：使用multipart / form-data将文件上传到服务器

2 个答案: