web-dev-qa-db-fra.com

Comment envoyer un fichier en requête node-fetch ou Node?

Comment attacher un fichier dans Node ou Node Fetch POST request? J'essaie d'invoquer une API qui importer un fichier CSV ou XLS. Est-ce possible en utilisant Node ou Node Fetch?

node.jsfilepostnode-fetch
12
Rocky

README.md dit:

Utilisez le flux natif pour le corps, à la fois sur demande et réponse.

Et les sources indiquent qu'il prend en charge plusieurs types , comme Stream, Buffer, Blob... et tentera également de contraindre en tant que String pour les autres types.

L'extrait ci-dessous montre 3 exemples, tous fonctionnent, avec v1.7.1 ou 2.0.0-alpha5 (voir aussi d'autres exemples plus bas avec FormData):

let fetch = require('node-fetch');
let fs = require('fs');

const stats = fs.statSync("foo.txt");
const fileSizeInBytes = stats.size;

// You can pass any of the 3 objects below as body
let readStream = fs.createReadStream('foo.txt');
//var stringContent = fs.readFileSync('foo.txt', 'utf8');
//var bufferContent = fs.readFileSync('foo.txt');

fetch('http://httpbin.org/post', {
    method: 'POST',
    headers: {
        "Content-length": fileSizeInBytes
    },
    body: readStream // Here, stringContent or bufferContent would also work
})
.then(function(res) {
    return res.json();
}).then(function(json) {
    console.log(json);
});

Voici foo.txt:

hello world!
how do you do?

Remarque: http://httpbin.org/post répond avec JSON qui contient des détails sur la demande envoyée.

Résultat:

{
  "args": {}, 
  "data": "hello world!\nhow do you do?\n", 
  "files": {}, 
  "form": {}, 
  "headers": {
    "Accept": "*/*", 
    "Accept-Encoding": "gzip,deflate", 
    "Connection": "close", 
    "Content-Length": "28", 
    "Host": "httpbin.org", 
    "User-Agent": "node-fetch/1.0 (+https://github.com/bitinn/node-fetch)"
  }, 
  "json": null, 
  "Origin": "86.247.18.156", 
  "url": "http://httpbin.org/post"
}

Si vous devez envoyer un fichier dans un formulaire avec plus de paramètres, vous pouvez essayer:

  • npm install form-data
  • passer un objet FormData comme corps (FormData est une sorte de Stream, via CombinedStreambibliothèque =)
  • ne passez pas header dans les options (contrairement aux exemples ci-dessus)

puis cela fonctionne:

const formData = new FormData();
formData.append('file', fs.createReadStream('foo.txt'));
formData.append('blah', 42);
fetch('http://httpbin.org/post', {
    method: 'POST',
    body: formData
})

Résultat (montrant simplement ce qui est envoyé):

----------------------------802616704485543852140629
Content-Disposition: form-data; name="file"; filename="foo.txt"
Content-Type: text/plain

hello world!
how do you do?

----------------------------802616704485543852140629
Content-Disposition: form-data; name="blah"

42
----------------------------802616704485543852140629--
22
Hugues M.

Je cherchais comment utiliser node-fetch pour télécharger des fichiers via multipart/form-data et leurs documents GitHub montrent comment faire . Ci-dessous est un exemple modifié montrant comment attacher un tampon à FormData et le télécharger.

const FormData = require('form-data');     
const form = new FormData();

const buffer = // e.g. `fs.readFileSync('./fileLocation');
const fileName = 'test.txt';

form.append('file', buffer, {
  contentType: 'text/plain',
  name: 'file',
  filename: fileName,
});

fetch('https://httpbin.org/post', { method: 'POST', body: form })
    .then(res => res.json())
    .then(json => console.log(json));

Partager cela pour toute autre personne qui a googlé "multipoint de téléchargement de fichiers par nœud" comme je l'ai fait.

3
Rico Kahler