如何从 HTML 调用 NodeJS function？

Question

我正在尝试创建一个 function，它将一个新文件添加到 AWS 中的 S3 存储桶中。 function 在 NodeJS 中工作。

const AWS = require('aws-sdk');
AWS.config.update({region: 'us-east-2'});
s3 = new AWS.S3({apiVersion: '2006-03-01'});

// call S3 to retrieve upload file to specified bucket
const file = "file.png";
const uploadParams = {Bucket: "uploads", Key: '', Body: ''};

const fs = require('fs');
const fileStream = fs.createReadStream(file);
fileStream.on('error', function(err) {
  console.log('File Error', err);
});
uploadParams.Body = fileStream;
const path = require('path');
uploadParams.Key = path.basename(file);

s3.upload (uploadParams, function (err, data) {
  if (err) {
    console.log("Error", err);
  } if (data) {
    console.log("Upload Success", data.Location);
  }
});

我现在要做的是获取此代码并使其在 HTML 中上传文件时执行。我有一个简单的 HTML 脚本，用户可以在其中上传文件，我希望在按下提交按钮时执行上述代码。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>
  <body>
    <form action="javascript:loadAPI(document.getElementByID('fileUpload'))">
      <label>Upload a file to AWS S3</label>
      <input type="file" id="fileUpload" name="filename">
      <input type="submit">
    </form>
    <script type="text/javascript" src="apiFunction.js">
  </script>
  </body>
</html>

问题是，如果我将节点 function 放在 loadAPI 中，我会收到以下错误。

Uncaught ReferenceError: require is not defined

有谁知道我如何使用 HTML 中的这个 function？

Answer 1

Uncaught ReferenceError: require is not defined

您收到此错误是因为require function 是CommonJS中使用的主要导入 function 。 AWS SDK 不适用于browser-side使用。 在客户端应用程序上使用它还需要 HTML 文件使用 AWS 凭证并可能将它们暴露在公共 inte.net 上，这可能存在安全风险。

解决将文件上传到 S3 的要求的更好方法是使用 S3 预签名 URL。 您可以使用此AWS 指南作为起点，然后查看此博客以了解如何在客户端应用程序上实施它。

如何从 HTML 调用 NodeJS function？

问题描述

1 个解决方案

解决方案1
1 2022-02-17 01:08:41

如何从 HTML 调用 NodeJS function？

问题描述

1 个解决方案

解决方案1 1 2022-02-17 01:08:41

解决方案1
1 2022-02-17 01:08:41