Angular2：http.getでファイルが存在することを確認してください

Question

ローカルマシンの*.mp3ファイルが存在するかどうかを確認する簡単な方法があります。 レスポンス（200,404,403など）のstatusが返されますが、動作しません。

fileExists(url){ 
     return this.http.get(url).timeout(2000) 
           .map(res=>res.json()) 
           .subscribe(
              res=>{ 
               console.log("res is"); 
               console.log(res.status) 
               return res.status;}, 
              err =>{ 
                console.log("Error is"); 
                console.log(err.status); 
                return err.status}); 

    } 

タイムアウトを2秒に設定しましたが、ローカルホストのファイルをチェックするだけです。したがって、私は、ファイルを見つけるのに十分な時間があると思います。

それは常に返します。

Subscriber {closed: false, syncErrorValue: null, syncErrorThrown: false, syncErrorThrowable: false, isStopped: false…} 

Answer 1

あなたがGET要求のステータスコードを発する観測可能に構成したい場合は、あなたがこれを行うことができます：

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/observable/of'; 
import 'rxjs/add/operator/map'; 

this.http.get("/some-file.txt") 
    .map((response) => response.status) 
    .catch((error) => Observable.of(error.status || 404)) 
    .subscribe((status) => console.log(`status = ${status}`)); 

そして、あなたがしたい場合HTTPステータスコードに基づいてファイルの存在をより効率的に判断するには、ファイルの内容を取得しないHEADメソッドを使用できます。

.jpg

this.http.head("/some-file.txt") 
    .map((response) => response.status) 
    .catch((error) => Observable.of(error.status || 404)) 
    .subscribe((status) => console.log(`status = ${status}`)); 

あなたの質問にある問題は、レスポンスでJSONコンテンツを探していて、そのコンテンツ内でstatusを探していることです。 statusは応答自体にあります。

ただし、ファイルの存在を決定する関数を実装するために、あなたもstatusを検討する必要はありません。

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/observable/of'; 
import 'rxjs/add/operator/mapTo'; 
import 'rxjs/add/operator/toPromise'; 

getFileStatus(path: string): Promise<boolean> { 
    return this.http.head(path) 
     .mapTo(true) 
     .catch((error) => Observable.of(false)) 
     .toPromise(); 
}