ng2-file-uploadでファイルをアップロードするときに404（見つかりません）エラーが発生しました

Question

私はangular2アプリケーションにファイルをアップロードするのにng2-file-uploadを使用しています。問題は、「アップロード」ボタンをクリックすると、アップロード用に設定したディレクトリが見つからないことを意味する404（Not Found）エラーが発生することです。

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に/アプリ/アップロード/にアップロードファイルを保持するためのディレクトリを作成しました： は、ここに私のコンポーネントです。これがうまくいくために必要なことは他にありますか、FileUploaderは残りの作業を行うべきですか？ 私は、Angular2アプリケーション用にルータを使用しており、そのURL（http://localhost:4200/src/app/uploads/）がルータに定義されていないため、エラーが発生すると考えています。

誰かに助言してもらえますか？ 多くの感謝！

Answer 1

アップロードされたファイルを受信して​​処理するバックエンドアプリケーション（URL：ポート）で置き換える必要があります。あなたは、ファイル・catcher.jsのサンプルを使用している場合

、正しいする必要があります：フォルダデモ\ SRC \アプリ内

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

---- X ----

\コンポーネント\ファイルアップロードがある3つのファイル：

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

このファイルcatcher.jsは、バックエンド番目にサンプルコードですあなたのアップロードリクエストを処理します。実行させるには、Node.jsが必要です。だから、基本的には、ターミナルを開き、このフォルダに移動してのノードfile-catcher.js（npmを使ってすべての依存関係をインストールするようにしてください）を実行する必要があります。これによりポート3000で実行されるサーバーが作成され、アップロードするAngularリクエストを受信し、ファイルを保存します（この場合、フォルダアップロード - 正しいアクセス許可を得てください）。ここで

あなたは私があなたを役に立てば幸いステップバイステップがあります。 https://www.thepolyglotdeveloper.com/2016/02/upload-files-to-node-js-using-angular-2/