Почему мой буфер массива пуст на стороне сервера? - PullRequest
Новая
       18

Почему мой буфер массива пуст на стороне сервера?

0 голосов
/ 11 октября 2018

У меня есть метод в JavaScript для чтения из двоичного файла в ArrayBuffer и отправки его в метод POST Джерси: 

function readAndSendBytes() {
    var file = document.getElementById("entityFileField").files[0],
        reader = new FileReader();
    var entityBytes = reader.readAsArrayBuffer(file);

    reader.onloadend = function () {
        alert(reader.result);
    }

    var xhr = new XMLHttpRequest();
    var url = "/api/upload/e2j";
    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-type", "application/octet-stream");
    xhr.responseType = "json";

    xhr.onload = function (e) {
        var response = xhr.response;
        alert(response);
    }

    xhr.send(reader.result);
}

Джерси: 

@Path("/upload")
public class ParserHandler {
    @POST
    @Path("/e2j")
    @Consumes(MediaType.APPLICATION_OCTET_STREAM)
    @Produces(MediaType.APPLICATION_JSON)
    public String entityToJsonTwoElectricBoogaloo(byte[] entityPayload) {
        System.out.println(entityPayload.length);
}

Всякий раз, когда я печатаюдлина до консоли, длина всегда 0, когда должно быть 439. Что я делаю не так?

Ответы [ 2 ]

0 голосов
/ 14 октября 2018

Нет необходимости использовать программу для чтения файлов, вы можете просто отправить BLOB с помощью xhr 

function sendFile() {
  var file = document.getElementById("entityFileField").files[0];
  var xhr = new XMLHttpRequest();
  var url = "/api/upload/e2j";
  xhr.open("POST", url);
  xhr.setRequestHeader("Content-type", "application/octet-stream");
  xhr.responseType = "json";

  xhr.onload = function (e) {
    var response = xhr.response;
    alert(response);
  }

  xhr.send(file);
}
0 голосов
/ 11 октября 2018

Нашли решение!Просто переместил все, кроме отправки и инициализации файла и FileReader в функцию xhr.onload!

РЕДАКТИРОВАТЬ: Забыли опубликовать мое решение. 

function postEntity() {
    var output = document.getElementById("response");
    var file = document.getElementById("entityFileField").files[0];
    var jsonResponse;

    var r = new FileReader();
    r.onloadend = function(e) {
        var data = r.result;

        var xhr = new XMLHttpRequest();
        var url = "/api/upload/entitytojson";
        xhr.open("POST", url, true);
        xhr.setRequestHeader("Content-type", "application/octet-stream");
        xhr.responseType = "json";

        xhr.onload = function (e) {
            if (xhr.response != null) {
                jsonResponse = JSON.stringify(xhr.response);
                output.innerHTML = jsonResponse;
            }
            else {
                alert("Invalid Entity File");
            }
        }

        xhr.send(data);
    }

    r.readAsBinaryString(file);
}
...