Tải lên tệp bằng yêu cầu POST trong Node.js

Tôi gặp sự cố khi tải tệp lên bằng cách sử dụng yêu cầu POST trong Node.js. Tôi phải sử dụng requestmô-đun để thực hiện điều đó (không có npms bên ngoài). Máy chủ cần nó là yêu cầu nhiều phần với filetrường chứa dữ liệu của tệp. Điều có vẻ dễ dàng nhưng lại khá khó để thực hiện trong Node.js mà không sử dụng bất kỳ mô-đun bên ngoài nào.

Tôi đã thử sử dụng ví dụ này nhưng không thành công:

request.post({
  uri: url,
  method: 'POST',
  multipart: [{
    body: '<FILE_DATA>'
  }]
}, function (err, resp, body) {
  if (err) {
    console.log('Error!');
  } else {
    console.log('URL: ' + body);
  }
});

Có vẻ như bạn đã sử dụng requestmô-đun .

trong trường hợp này, tất cả những gì bạn cần đăng multipart/form-datalà sử dụng formtính năng của nó :

var req = request.post(url, function (err, resp, body) {
  if (err) {
    console.log('Error!');
  } else {
    console.log('URL: ' + body);
  }
});
var form = req.form();
form.append('file', '<FILE_DATA>', {
  filename: 'myfile.txt',
  contentType: 'text/plain'
});

nhưng nếu bạn muốn đăng một số tệp hiện có từ hệ thống tệp của mình, thì bạn có thể chỉ cần chuyển nó dưới dạng một luồng có thể đọc được:

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

request sẽ tự trích xuất tất cả siêu dữ liệu liên quan.

Để biết thêm thông tin về đăng bài, multipart/form-datahãy xem node-form-datamô-đun , được sử dụng nội bộ bởi request.

Một tính năng không có tài liệu của formDatatrường requesttriển khai là khả năng chuyển các tùy chọn đến form-datamô-đun mà nó sử dụng:

request({
  url: 'http://example.com',
  method: 'POST',
  formData: {
    'regularField': 'someValue',
    'regularFile': someFileStream,
    'customBufferFile': {
      value: fileBufferData,
      options: {
        filename: 'myfile.bin'
      }
    }
  }
}, handleResponse);

Điều này hữu ích nếu bạn cần tránh gọi requestObj.form()nhưng cần tải lên bộ đệm dưới dạng tệp. Các form-datamô-đun cũng chấp nhận contentType(kiểu MIME) và knownLengthtùy chọn.

Thay đổi này đã được thêm vào tháng 10 năm 2014 (vì vậy 2 tháng sau khi câu hỏi này được hỏi), vì vậy nó sẽ an toàn để sử dụng ngay bây giờ (trong năm 2017+). Điều này tương đương với phiên bản v2.46.0hoặc cao hơn của request.

Câu trả lời của Leonid Beschastny hoạt động nhưng tôi cũng phải chuyển đổi ArrayBuffer thành Buffer được sử dụng trong requestmô-đun của Node . Sau khi tải tệp lên máy chủ, tôi đã có tệp ở định dạng giống như từ HTML5 FileAPI (Tôi đang sử dụng Meteor). Mã đầy đủ bên dưới - có thể nó sẽ hữu ích cho những người khác.

function toBuffer(ab) {
  var buffer = new Buffer(ab.byteLength);
  var view = new Uint8Array(ab);
  for (var i = 0; i < buffer.length; ++i) {
    buffer[i] = view[i];
  }
  return buffer;
}

var req = request.post(url, function (err, resp, body) {
  if (err) {
    console.log('Error!');
  } else {
    console.log('URL: ' + body);
  }
});
var form = req.form();
form.append('file', toBuffer(file.data), {
  filename: file.name,
  contentType: file.type
});

Bạn cũng có thể sử dụng hỗ trợ "tùy chọn tùy chỉnh" từ thư viện yêu cầu. Định dạng này cho phép bạn tạo tải lên biểu mẫu nhiều phần, nhưng với mục nhập kết hợp cho cả tệp và thông tin biểu mẫu bổ sung, như tên tệp hoặc loại nội dung. Tôi nhận thấy rằng một số thư viện mong đợi nhận được tệp tải lên bằng định dạng này, cụ thể là các thư viện như multer.

Phương pháp này chính thức được ghi lại trong phần biểu mẫu của tài liệu yêu cầu - https://github.com/request/request#forms

//toUpload is the name of the input file: <input type="file" name="toUpload">

let fileToUpload = req.file;

let formData = {
    toUpload: {
      value: fs.createReadStream(path.join(__dirname, '..', '..','upload', fileToUpload.filename)),
      options: {
        filename: fileToUpload.originalname,
        contentType: fileToUpload.mimeType
      }
    }
  };
let options = {
    url: url,
    method: 'POST',
    formData: formData
  }
request(options, function (err, resp, body) {
    if (err)
      cb(err);

    if (!err && resp.statusCode == 200) {
      cb(null, body);
    }
  });

 const remoteReq = request({
    method: 'POST',
    uri: 'http://host.com/api/upload',
    headers: {
      'Authorization': 'Bearer ' + req.query.token,
      'Content-Type': req.headers['content-type'] || 'multipart/form-data;'
    }
  })
  req.pipe(remoteReq);
  remoteReq.pipe(res);