Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найдено) ng2-file-upload

Я использую Angular2-CLI 1.0.0-beta.28.3. Я использую ng2-file-upload для загрузки своего TXT-файла. Однако я всегда получал сообщение об ошибке «Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найдено)». Прямо сейчас я почти уверен, что у меня нет файла system-config.ts. Таким образом, я не могу использовать большинство решений, которые я нашел на другом сайте. Кто-нибудь знает, что не так с моим кодом? Вот мой компонент .ts:

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

const URL = 'http://XXx.xxx.xxx.xxx/amazonStatements/';

@Component({
  selector: 'app-arr',
  templateUrl: './arr.component.html',
  styleUrls: ['./arr.component.css']
})
export class ARRComponent {
  private data: TbArr;
  private uploader:FileUploader = new FileUploader({url: URL});

  constructor() {
  }
  ngOnInit() {
  }

}

Вот мой html-файл:

<div>
  <span style="float:left;padding:3px 12px;">Upload File:</span><span class="btn btn-default btn-file">
Choose File <input type="file" ng2FileSelect [uploader]="uploader" accept="text/plain" multiple /></span>
  <button type="button" class="btn btn-primary btn-s" (click)="uploader.uploadAll()" [disabled]="!uploader.getNotUploadedItems().length">
                <span class="glyphicon glyphicon-upload"></span> Upload Now
            </button>
</div>

Вот сообщение об ошибке, которое я получил: введите здесь описание изображения

ОБНОВИТЕ МОЙ ВОПРОС: это структура папок моего проекта:
введите здесь описание изображения введите здесь описание изображения


angular angular2-http
person jmu    schedule 24.03.2017    source источник
comment
Вы можете опубликовать systemjs.config.js?   -  person Roman C    schedule 25.03.2017
comment
@Roman C, у меня нет этого файла в папке моего проекта.   -  person jmu    schedule 26.03.2017
comment
@jmu 404 указывает, что клиент смог связаться с данным сервером, но сервер не смог найти запрошенное. Можете ли вы подтвердить, что то, что вы запрашиваете, действительно существует? то есть правильный путь и т.д.   -  person Code Ratchet    schedule 27.03.2017
comment
@jmu Смотрите мой ответ, я недавно внедрил file-uploader в свой проект.   -  person Code Ratchet    schedule 27.03.2017
comment
@CodeRatchet Я почти уверен, что путь правильный. Причина, когда я нажимаю URL-адрес с консоли. Эта папка отображается в моем браузере.   -  person jmu    schedule 28.03.2017

Ответы (1)


arrow_upward
0
arrow_downward

Недавно я внедрил file-uploader в свой проект, вот как я его настроил:

Создайте переменную FileUploaderOptions, задайте внутри нее соответствующие свойства, а затем передайте ее в file-uploader

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

const URL = 'http://XXx.xxx.xxx.xxx/amazonStatements/';

@Component({
  selector: 'app-arr',
  templateUrl: './arr.component.html',
  styleUrls: ['./arr.component.css']
})
export class ARRComponent {
  private data: TbArr;
  private uploader:FileUploader;

  constructor() {
  }
  ngOnInit() {

      const uploaderOptions: FileUploaderOptions = {
            url: URL,
            autoUpload: false,
            isHTML5: true,
            removeAfterUpload: true,
        };

      this.uploader = new FileUploader(uploaderOptions);


  }

}
person Code Ratchet    schedule 27.03.2017
comment
Прямо сейчас мой URL-адрес веб-сайта будет XXX.XX.XX.XX/#/index но URL-адрес папки будет XXX.XX.XX.XX/amazonStatements. возможно из-за этого проблема? - person jmu; 28.03.2017