如何将pdf文件从前端发送到Nodejs服务器?

时间:2018-09-02 20:51:40

标签: javascript node.js express https

我使用html2pdf插件在应用程序的前端有一个pdf生成的文件。我的支持者有一个nodemailer服务器,可以在其中附加文件并将其发送到我选择的电子邮件中。有没有办法将前端生成的pdf发送给Nodejs?我也在使用快递

编辑: 根据您的建议,我做了

 **On the Client side**
var element = document.getElementById('element-to-print');
const elem = document.getElementById('html');
html2pdf().from(element).toPdf().get('pdf').then(function (pdf) {
            window.open(pdf.output('bloburl'), '_blank');
            var formData = new FormData();
            formData.append("filename", pdf);
            axios.post('/upload',formData).then(res => { console.log(res) })
            // formData.append("uploadedFile", fileInputElement.files[0]);
            })

在Express应用上

app.post('/upload', fileUpload(), function(req, res) {  
    const sampleFile = req.files.uploadedFile;
    // do something with file
    res.send('File uploaded');
  })

但是我收到来自index.js的错误

  

TypeError:无法读取null的属性“ uploadedFile”

2 个答案:

答案 0 :(得分:1)

<form method="post" enctype="multipart/form-data" action="/">
<div>
  <label for="profile_pic">Choose file to upload</label>
  <input type="file" id="profile_pic" name="profile_pic"
      accept=".pdf">
</div>
<div>
  <button>Submit</button>
</div>

要在节点上接收它,必须在同一路径上定义一条新路由。

答案 1 :(得分:1)

是的

  1. 在您的快速应用中创建和终结点/路由
  2. 在客户端中使用诸如superagent,request或axios之类的http代理
  3. 使用多部分表单或FormData之类的东西来创建应该发送的数据。
  4. 将其发布到您在express中创建的网址。
  5. 使用诸如express-fileupload或busboy之类的中间件来处理附件。

因此,在您的客户中。你有类似的东西

var formData = new FormData();
formData.append("filename", "My awesome file");
formData.append("uploadedFile", fileInputElement.files[0]);

然后您使用类似Axios的内容发布该信息

axios.post('/upload',formData).then(res => { console.log(res) })

在您的Express应用中,您做类似的事情

const express = require('express');
const fileUpload = require('express-fileupload');
const app = express();

app.post('/upload', fileUpload(), function(req, res) {  
  const sampleFile = req.files.uploadedFile;
  // do something with file
  res.send('File uploaded');
})