如何在javascript中将pdf文件上传到s3？

Question

我需要将一个 pdf 文件从 UI（用 Javascript 编写）上传到 Amazon S3，但我正在尝试将文件上传到 S3，我得到了一些 unicode 格式的文本，当我将该文本复制到记事本时，或者说，任何其他文本编辑器我可以人类可读的文本

我正在使用 pdfmake 获取文件的内容并使用 getBufffer 方法上传它。

var content = generatePDF(base64Img);
pdfMake.createPdf(content).getBuffer(function (data) {//Code}

我用来将文件上传到 S3 的代码。

 var params = {
        Bucket: bucketName,
        Key: file_name,
        Body: data.toString(),
        ContentType: 'application/pdf'
      }

      s3.upload(params, function (err, data) {
        if (err) {
        // code 
        }else{
         //code
}

该文件已成功上传，但我收到的文字如下

!
 " #$%&!' ()*')+,
!
!
!
!

但是我正在将它粘贴到其他文本编辑器，我正在

Date: 04/20/19

Answer 1

我通过将数据从 getBuffer 传递到 S3 解决了上述问题。 在 S3 中，我传递给了一个缓冲区

var data = new Buffer(event.data, 'binary');

将数据上传到S3。

var params = {
        Bucket: bucketName,
        Key: file_name,
        Body: data,
        ContentType: 'application/pdf'
      }

      s3.upload(params, function (err, data) {
        if (err) {
        // code 
        }else{
         //code
}

Answer 2

要将文件从客户端直接上传到 s3 存储桶，您可以使用multer-s3 。

从客户端：

axios.post(url, data, {
        onUploadProgress: ProgressEvent => {
          this.setState({
            loaded: (ProgressEvent.loaded / ProgressEvent.total * 100),
          })
        },
      })
        .then(res => { // then print response status
          toast.success('Upload Success!')
        })
        .catch(err => { // then print response status
          toast.error('Upload Failed!')
        })

服务器端：

    const upload = multer({
    storage: multerS3({
    s3: s3,
    acl: 'public-read',
    bucket: BUCKET_NAME,
    key: function (req, file, cb) {
      UPLOADED_FILE_NAME = Date.now() + '-' + file.originalname;
      cb(null, UPLOADED_FILE_NAME);
      }
     })
    }).array('file');

    app.post('/upload', function (req, res) {
      upload(req, res, function (err) {

        if (err instanceof multer.MulterError) {
          return res.status(500).json(err)
          // A Multer error occurred when uploading.
         } else if (err) {
           return res.status(500).json(err)
          // An unknown error occurred when uploading.
       }
      console.log('REQUEST FILE IS', UPLOADED_FILE_NAME)
      return res.status(200).send(UPLOADED_FILE_NAME)

      // Everything went fine.
      })
});