Как отправить файл из node js через fetch и Formdata?

Question

[Александр Тумайкин]

Добрый день.
Делаю приложение на Electron и нужно отправить локальный файл на сервер.

Из входных данных имеется массив с именами и путями к файлам на компьютере. Т.е. нужно отправить файлы без использования File Input в Html. Задачу нужно решить чисто на NodeJS. Желательно с применением fetch

Пример моего кода в упрощенном виде:

let data = new FormData();
data.append('newName', file.name);
data.append('file', fs.readFileSync(file.path), file.name);

fetch(url, {
      method: 'POST',
      body: data
})
.then(console.log.bind(console));

Объект file:

let file = {
    name: 'test.jpg',
    path: 'D:\test.jpg'
}

Потраченные часы на гугление подсказок ни к чему не привели. Большинство вариантов сводится к использованию . И использования объекта File, полученного таким образом.

На сервере есть рабочий скрипт на PHP, который должен принять файл через $_FILES; Пока этого добиться не удалось.
Если сильно упростить задачу, то есть js файл, который при "node test.js" должен отправить локальный файл на сервер с PHP

p.s. в заголовках передается в этом случае следующее:

------WebKitFormBoundaryDKpQTS4WNgpByUYC
Content-Disposition: form-data; name="newName"

test.jpg
------WebKitFormBoundaryDKpQTS4WNgpByUYC
Content-Disposition: form-data; name="file"


------WebKitFormBoundaryDKpQTS4WNgpByUYC--

И соотв-но на сервере:

var_dump($_FILES);

//
array()

Answer 1

[Александр Тумайкин]

Нашел решение.

data.append('file', new Blob([fs.readFileSync(file.path)]), file.name);

Comments

[maxhd]

СПАСИБО!!!! целый день маялся)))

Answer 2

[titronfan]

Гляньте пакет https://github.com/expressjs/multer
Заодно и fetch можно попробовать подключить к нему.

Comments

[Александр Тумайкин]

вариант с express не подходит

Answer 3

[#алгоптимизируй #отботизируй]

надеюсь третий раз не затупил)

посмотрел код form data , не правильно заданы параметры при заполнении файлов
тут я вижу такой пример

stackoverflow.com/questions/25344879/uploading-fil...
Гляньте тоже

form.append('file', '', {
filename: 'myfile.txt',
contentType: 'text/plain'
});

или

form.append('file', fs.createReadStream(filepath));

----------------------
var FormData = require('form-data');
var Fs = require('fs');
var Fetch = require('node-fetch');

Fs.debug = true;

var Form = new FormData();
Form.append('my_field', 'my value');
Form.append('my_file',
Fs.createReadStream('C:\\Users\\user\\documents\\visual studio 2015\\' +
'Projects\\android.forms.test\\NodejsConsoleApp1\\app.js'));

Fetch('myip.ru',
{
method: 'POST',
body: Form
});
Проверил лично

Comments

[Александр Тумайкин]

Stream так же пробовал, в заголовках в этом случае передается пустота. Что касается form.append, то описание параметров можно прочитать здесь: https://developer.mozilla.org/ru/docs/Web/API/Form...
3-й параметр - имя файла. И в случае работы с Html формой, так оно и есть: 2-й параметр - это объект File, 3-й - имя файла

Загвоздка не в 3-м параметре, а в том, как во 2-м передать данные в нужном виде. Т.е. руками создать правильный объект File или Blob. Испробованные варианты с Blob дали такой же вариант.