Наиболее простой способ передать информацию на сервер?

Question

[Timebird]

Добрый вечер!

Имеется форма в html, в неё user заполняет текстовую информацию и прикрепляет файл.
Мне нужно передать эту информацию на сервер.
С backend'ом никогда не сталкивался.
Какие варианты передать информацию у меня есть? Можно ли передать всё единым json'ом, только так, чтобы одно из полей занимал файл? Обязательно ли городить SQL? Что почитать по этой теме?

Выводов будет до 50 в день.
Предполагаемый размер файла - до 100 мбайт.

Comments

[kova1ev]

sql тут совсем не причем, городить ничего не нужно, просто узнайте как отправить POST-запрос с данными из html формы и как обрабатывать POST-запрос на вашем сервере

что почитать по этой теме? ну если тег python стоит, то наверное доку по джанге можно почитать

Answer 1

[lubezniy]

Файл JSON-ом не передать. А способ хранения выбирается исходя из того, сколько таких вводов будет, каков предполагаемый размер файла и что дальше требуется со всем этим делать.

Comments

[Евгений Ромашкан]

Файл JSON-ом не передать

base64. Вполне популярная практика, оптимальнее - form data

[Timebird]

Добавил описания в вопрос, спасибо за уточнение

[lubezniy]

Timebird, Нет ответа на последний вопрос. Если задача будет работать долго, а во введённых данных надо что-то искать, то sql надо. Файлы с такими размерами в базу класть точно не стоит; файловая система или объектное хранилище предпочтительнее.

[Timebird]

lubezniy, прошу прощения. Далее предполагается обработка текстовой информации в Python регулярными выражениями, а над файлом будут проводиться множество матопераций и результат выполнения возвращаться в виде текста пользователю, заполнившему форму

[lubezniy]

Евгений Ромашкан, form data - да. А насчёт base64 - можете подсказать, в какую сторону смотреть? Не помню, чтобы браузер давал из JavaScript доступ к имени и контенту файла по данным поля html-формы.

[Евгений Ромашкан]

lubezniy,

Не помню, чтобы браузер давал из JavaScript доступ к имени и контенту файла по данным поля html-формы.

Всё он даёт, никаких проблем. Вот пример с s/o:

function getBase64(file) {
   var reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function () {
     console.log(reader.result);
   };
   reader.onerror = function (error) {
     console.log('Error: ', error);
   };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file);

Или вот так я в стейт компонента писал картинки с uuid и возможностью сразу их вывести(previewUrl):

handleImageUpload(file) {
        let reader = new FileReader();
        reader.onloadend = () => {
            this.setState(prevState => ({
                images: [...prevState.images, {'key': uuidv4(),'file': file, 'previewUrl': reader.result}]
            }));
        };
        reader.readAsDataURL(file);
    }

[lubezniy]

Евгений Ромашкан, Спасибо. Походу я от жизни совсем отстал...

[lubezniy]

Timebird, Сорри, только сейчас обратил внимание, что это Python - несколько не моя специфика. Но не могу не задать наводящий вопрос для коллег: по расчётному времени это множество математических операций укладывается в несколько секунд, или получается больше? Если делать долгую обработку сразу вместе с подготовкой ответа на пользовательский http-запрос, то web-сервер просто "отвалит" соединение по таймауту; в этом случае обработку файлов нужно организовывать отдельно от подготовки ответов на запросы.

Answer 2

[Dimonchik]

https://tutorial.djangogirls.org/ru/django_forms/

есть вещи более легкие, но эта быстрее приведет к цели

если же только тестировать - можете какой-нибудь
https://gist.github.com/UniIsland/3346170

( не проверял на работу)