如何拿到多文件上传的值

您可以通过在表单中添加一个 input 元素，并将其类型设置为“file”，然后在提交表单时使用 FormData 对象来获取选定的文件。以下是一个示例代码：

HTML 代码：

<form id="myForm">
  <input type="file" name="myFile" multiple>
  <input type="submit" value="Upload">
</form>

JavaScript 代码：

const form = document.querySelector('#myForm');
const formData = new FormData(form);
const files = formData.getAll('myFile');

这将返回一个文件对象的数组，其中包含所有已选中的文件。您可以对其进行迭代并执行所需的操作。

相关问题

input上传文件拿到文件流

在前端页面中，我们可以使用`<input type="file">`标签来实现文件上传。当用户选择了文件后，我们可以通过JavaScript获取到该文件并将其转换为文件流。

具体实现方法如下：

1. 获取文件对象

const fileInput = document.querySelector('input[type="file"]');
const file = fileInput.files[0];

2. 使用FileReader将文件转换为文件流

const reader = new FileReader();
reader.readAsArrayBuffer(file); // 以二进制流方式读取文件
reader.onload = function (event) {
  const fileStream = event.target.result; // 获取文件流
  // 在这里对文件流进行处理
};

通过上述代码，我们可以获取到上传文件的文件流，并在`onload`回调函数中对其进行处理。注意，在处理文件流之前，需要确保文件已经完全加载完成，否则可能会导致处理失败。

nest 多文件上传到本地

如果你想要使用 Nest 框架来实现多文件上传到本地，可以按照以下步骤进行操作：

1. 首先，需要在 Nest 项目中安装 `@nestjs/platform-express` 模块，该模块提供了用于处理上传文件的 `Multer` 中间件。

   npm install --save @nestjs/platform-express

2. 在 `app.module.ts` 文件中引入 `MulterModule` 并进行配置：

   import { Module } from '@nestjs/common';
   import { MulterModule } from '@nestjs/platform-express';
   
   @Module({
     imports: [
       MulterModule.register({
         dest: './uploads', // 文件上传后保存的目录
       }),
     ],
   })
   export class AppModule {}

3. 在控制器中定义一个上传文件的路由，并使用 `@Multer()` 装饰器将该路由绑定到 `Multer` 中间件：

   import { Controller, Post, UploadedFiles, UseInterceptors } from '@nestjs/common';
   import { FilesInterceptor } from '@nestjs/platform-express';
   
   @Controller('upload')
   export class UploadController {
     @Post()
     @UseInterceptors(FilesInterceptor('files'))
     async uploadMultipleFiles(@UploadedFiles() files) {
       console.log(files); // 打印上传的多个文件信息
     }
   }

4. 使用 `curl` 或者其他的 HTTP 客户端向上传文件的路由发送 POST 请求，请求体中包含一个或多个文件：

   curl -X POST -H "Content-Type: multipart/form-data" \
        -F "files=@/path/to/file1.jpg" \
        -F "files=@/path/to/file2.png" \
        http://localhost:3000/upload

以上步骤可以帮助你使用 Nest 实现多文件上传到本地。注意，在生产环境中，你可能需要将上传的文件保存到云存储服务中，而不是本地文件系统。