ExpressJS получает строку JSON, но пропускает некоторую часть - PullRequest
0 голосов
/ 14 октября 2018

Я использую Ajax с методом JSON для отправки строки изображения base64 в ExpressJS.Целое использование JSON console.log для отображения в клиентском веб-браузере корректно перед отправкой в ​​ExpressJS.

Вся строка JSON, которую я не могу показать здесь из-за ограничения длины.Но результат похож на следующий вывод:

{"map":"base64 String", "other":"abcdefghij"}

ExpressJS большую часть времени может получить всю строку JSON.Но иногда результат выглядит следующим образом:

ng", "other":"abcdefghij"}

ИЛИ

{"map":"base64 Strin

ОБНОВЛЕНИЕ:

Клиент загружает JSON на сервер:

$('#btn_floor_upload').click(function () {
    var map_image_obj = new Image();
    map_image_obj.src = URL.createObjectURL($('#select_map_file').prop('files')[0]);
    $(map_image_obj).one('load', function () {
        var canvas = document.createElement("canvas");
        canvas.height = window.canvas_height;
        canvas.width = window.canvas_width;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(map_image_obj, 0, 0, canvas.width, canvas.height);

        // above action for resizing image

        var upload_data = {
            map: canvas.toDataURL("image/jpeg", 0.2),
            height: window.canvas_height,
            width: window.canvas_width,
            floor_name: $('#floor_name').val()
        };


        $.ajax({
            type: "POST",
            url: "/edit/upload_floor",
            data: JSON.stringify(upload_data),
            contentType: "application/json; charset=utf-8",
            dataType: "JSON",
            timeout: 3000,
            success: function (result) {
                if (result.uploaded) {
                    $('#floor_list').append(new Option($('#floor_name').val(), result.floor_id));
                    $('#floor_name').val("");
                    $('#select_map_file').val("");
                    $('#btn_delete_floor').attr("disabled", false);
                    $('#floor_dialog').modal('toggle');
                }
            },
            error: function () {
                $.notify({
                    message: 'Server Error, Please upload the image again!'
                }, {
                    type: 'danger',
                    delay: '5000'
                });
                $('#floor_dialog').modal('toggle');
            }
        });
    });
});

Сторона сервера: ошибка возникает в строке 4.

upload_floor(req, res){
    req.on('data', function(data) {
        try {
            var json = JSON.parse(data.toString());
            var floor_id = buildingFloor.upload_map(json.floor_name, json.map, json.height, json.width, req.session.username);
            res.send(JSON.stringify({floor_id: floor_id, uploaded:true}));
        }catch(err){
            console.log(err);
        }
    });
};

Сообщение об ошибке:

Unexpected token m in JSON at position 1

ИЛИ

Unexpected end of JSON input sometimes

Ответы [ 2 ]

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

Это потому, что req.on('data') (всегда) не получает все данные сразу.

Правильный код будет:

let raw = ''

req.on('data', function(data) {
  raw += data
})

req.on('end', function() {
  // so something with `raw` here
})

Но для использования req.on напрямуюдовольно низкого уровня, вы можете просто использовать body-parser для достижения того, что вы хотите.

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

попробуйте написать так - {"map": "base64 String", "other": "abcdefghij"}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...