File upload 使用ng2文件上载上载文件时出现404（未找到）错误

我正在使用ng2文件上传将文件上传到我的angular2应用程序。问题是，当我点击“上传”按钮时，我得到一个404（未找到）错误，这意味着我为上传设置的目录找不到。 以下是我的组件：

import { Component } from '@angular/core';
import { FileUploader } from 'ng2-file-upload';

const URL = 'http://localhost:4200/src/app/uploads/';

@Component({
  selector: 'upload-file',
  templateUrl: 'upload-file.html'
})
export class UploadCvComponent {
  uploader: FileUploader = new FileUploader({ url: URL });
  hasBaseDropZoneOver: boolean = false;
  hasAnotherDropZoneOver: boolean = false;

  fileOverBase(e: any): void {
    this.hasBaseDropZoneOver = e;
  }

  fileOverAnother(e: any): void {
    this.hasAnotherDropZoneOver = e;
  }
}

我在/src/app/uploads/创建了一个保存上传文件的目录。还有什么我需要做的工作，这个工作，或者FileUploader应该做其余的工作？ 我相信我得到的错误是因为我正在为Angular2应用程序使用路由器，而该URL（）未在路由器中定义

有人能给点建议吗？

---

非常感谢

常量URL应替换为将接收和处理上载文件的后端应用程序（URL:Port）

如果您使用的是file-catcher.js示例，则正确的示例应该是：

const URL = 'http://localhost:3000/api/

----x----

文件夹demo\src\app\components\file upload中有3个文件：

simple-demo.html 
simple-demo.ts 
file-catcher.js 

这个文件catcher.js是后端的一个示例代码，它将处理您的上传请求。要使其运行，您需要Node.js。因此，基本上，您必须打开一个终端，转到该文件夹并执行node file-catcher.js（首先让舒尔使用npm安装所有依赖项）。这将创建一个在端口3000处运行的服务器，该服务器将接收上传请求并保存文件（在这种情况下，在文件夹uploads中-使舒尔拥有正确的权限）

这里有一个我希望能帮助您的步骤：

---

常量URL应替换为将接收和处理上载文件的后端应用程序（URL:Port）

如果您使用的是file-catcher.js示例，则正确的示例应该是：

const URL = 'http://localhost:3000/api/

----x----

文件夹demo\src\app\components\file upload中有3个文件：

simple-demo.html 
simple-demo.ts 
file-catcher.js 

这个文件catcher.js是后端的一个示例代码，它将处理您的上传请求。要使其运行，您需要Node.js。因此，基本上，您必须打开一个终端，转到该文件夹并执行node file-catcher.js（首先让舒尔使用npm安装所有依赖项）。这将创建一个在端口3000处运行的服务器，该服务器将接收上传请求并保存文件（在这种情况下，在文件夹uploads中-使舒尔拥有正确的权限）

这里有一个我希望能帮助您的步骤：

---

谢谢你的回答@Flinkas，但我不知道你的意思。我正在使用这个模块：我的应用程序正在运行，我不知道你所说的“file-catcher.js sample”是什么意思。我会看看这个。很高兴知道我遇到的问题与后端有关。我以为我在做错事。非常感谢！谢谢你的回答@Flinkas，但我不知道你的意思。我正在使用这个模块：我的应用程序正在运行，我不知道你所说的“file-catcher.js sample”是什么意思。我会看看这个。很高兴知道我遇到的问题与后端有关。我以为我在做错事。非常感谢！