Как сконвертировать массив байт из File?

Question

[Алекcандр]

Если делать так, то получаю undefined, как исправить?

$("#sendBtn").click(function () {

        var file = $("#preview_img")[0].files[0];

        var fileReader = new FileReader();
        fileReader.readAsBinaryString(file)

        w.send(JSON.stringify({
            title: articleTitle.val().toString(),
            content: CKEDITOR.instances['editor'].getData(),
            preview_img: fileReader.result, <-------
            img_name: file.name
        }));

    });

Answer 1

[Rsa97]

https://developer.mozilla.org/en-US/docs/Web/API/F...

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

This method has been removed from the FileAPI standard. FileReader.readAsArrayBuffer() should be used instead.

Comments

[Алекcандр]

Когда делаю так, то вебсокет крашится, что тут не правильно? :

$("#sendBtn").click(function () {

        var file = $("#preview_img")[0].files[0];
        var reader = new FileReader();

        reader.onload = function (event) {
            var buffer = new Uint16Array(event.target.result);
            w.send(JSON.stringify({
                title: articleTitle.val().toString(),
                content: CKEDITOR.instances['editor'].getData(),
                preview_img: buffer,
                img_name: file.name
            }));
            console.log(event.target.result)
        };
        reader.readAsArrayBuffer(file);


    });

[ckr]

Алекcандр: reader.onload - с ошибкой правильно onloadend

[Алекcандр]

ckr: так или иначе сокет крашится

Answer 2

[ckr]

Да не будет страничка читать файлы на локальной машине, так бы можно было все важные конфиденциальные файлы перекачать от своих пользователей к себе на сервера.

Comments

[Алекcандр]

Вы наверное не поняли мой вопрос

[ckr]

Алекcандр: Ну как же не понял, вы хотите применить FileReader для анализа файла, который находится на локальной машине пользователя. Разве не так?

[Алекcандр]

ckr: да

[Алекcандр]

ckr: я просто к тому, что по ajax файл можно передать просто взяв его из input, почему через вебсокет так сделать не получается, и как это делают другие?

[Алекcандр]

ckr: ws.send($("#file")[0].files[0]) так файл можно передать в сокет, не понимаю что вы считаете невозможным

[ckr]

по ajax файл можно передать просто взяв его из input, а вы попробуйте передать по ajax, но на отличный от странички порт, например 81! Что у вас выходит?

[ckr]

Алекcандр: А выходит XSS-injection

[Алекcандр]

xss будет, при условии, что на другом порту будет отдаваться X-XSS-Protection:1, как связана передача по сокету и xss?

[Алекcандр]

и это при том, что у меня вопрос не про передачу файла, а про его переконвертацию в массив байт, и отправку этого массива как json поле

[ckr]

Алекcандр: как связана передача по сокету и xss? а как вы настроите websocket на том же порту что и http?

[ckr]

Алекcандр: у меня вопрос не про передачу файла, а про его переконвертацию в массив байт. Браузер не только не дает передавать файлы, также не дает их читать с целью анализа и последующей передачи анализированных данных

[Алекcандр]

ckr: ws.send($("#file")[0].files[0]) так файл можно передать в сокет, не понимаю что вы считаете невозможным

[Алекcандр]

ckr: вы вероятно ни с ws никогда не работали, да и вообще плохо представляете себе работу всех протоколов, зачем тогда флудить?

[ckr]

Алекcандр: это скорее вы никогда не работали c websocket и filereader. во первых, fileReader.result доступен лишь после события fileReader.onloadend:

var reader = new FileReader();

  reader.onloadend = function () {
    console.log(reader.result);
  }

  reader.readAsBinaryString(blob);

Во вторых, попробуйте запустить все это хозяйство в FF, поймете про что я имел в виду

[ckr]

Вы бы хоть промисы освоили. Без них каждый JS-юзер попадает в callback hell. Погуглите async/await. Реально же код из лапши становится последовательным.

[Алекcандр]

ckr: прочитайте мой комментарий к первому ответу

[ckr]

Алекcандр: хм, ни с readAsBinaryString() ни с readAsArrayBuffer()? а что выдает reader.error?

[Алекcандр]

ckr: null

[ckr]

Алекcандр: Возможно надо попробовать закодировать файл в какой-нибудь urlencoding или base64, может ему религия не позволяет кроме символов ascii жрать.

[ckr]

А размер картинки какой? Надеюсь, не больше мегабайта? Попробуйте pixel.gif отправить :-)

[Алекcандр]

ckr: 80 кб размер

[ckr]

пробовал какуюнибудь меньше килобайта отправлять? или текстовик какойнибудь вообще?

[Алекcандр]

ckr: 600кб тоже ломается

[ckr]

А меньше килобайта есть? Я просто уже хз, может их разбивать на буферы надо.

[Алекcандр]

ckr: Почему крашится websocket? , вот так работает, но опять же, не работает если файл больше килобайта

[ckr]

А ну тогда все понятно, он у вас не хочет жрать бинарники, надо их кодировать во что-то. Надо бы посмотреть. Может подойдет, bson, он умеет работать в потоке, т.е. не требует выделения памяти.

[ckr]

https://www.mozilla.org/ru/firefox/developer/

[ckr]

ой то не то, хотел отправить это socket.io

[ckr]

правда я сайтами не занимаюсь уже два года вообще, socket.io очень выручает для связи сервер-сервер