angular2とwindow.URL.createObjectURL

Iは、BLOBを作成するwindow.URL.createObjectURLを使用：IMGタグで選択された画像をプレビューするためのHTTPリンク：angular2とwindow.URL.createObjectURL

<img src=""{{itemPhoto}}"" />

itemPhotoコンポーネントで定義されたフィールドであり、取得します

selectPhoto(photos: any[]) { 
    if (photos[0]) { 
     this.itemPhoto = window.URL.createObjectURL(photos[0]); 
    } 
    }

これはangular2 RC1で動作しますが、2.0.0では動作しません。その後

this.itemPhoto = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(photos[0]));

src属性に入っ以下：

unsafe:SafeValue must use [property]=binding: blob:http://localhost:5555/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxx (see http://g.co/ng/security#xss)

unsafe:blob:http://localhost:5555/xxxxx-xxxx-xxxx-xxxx-xxxxxxxxx

は、私はいくつかの他の記事を読んだ後、次のことを試してみました。ここで

は、src属性に入ったものです

提案がありますか？

感謝

更新：は：OK、私は本当にSRC内部のそのエラーメッセージを理解していなかった "危険な：SafeValueは、[プロパティ]を使用しなければならない=バインディング：..." の代わりに

src={{itemPhoto}}の場合、次のように動作します。

<img [src]="itemPhoto" />

出典

2016-09-27 Bing Qiao

私はあなたの問題を詳しく見てみする時間がありませんが、私は数日前に同様の問題があった - 私はブロブ使用してPDFを表示します。httpリンクを、私が管理する方法を見てみここでは、それはあなたを助けるかもしれません：http://stackoverflow.com/questions/37046133/pdf-blob-is-not-showing-content-angular-2/39657478#39657478 –

ちょうどエラーが '[src ] = "itemPhoto" ' –

こんにちはステファン私はちょうど問題が何かを知った。 "安全でない：SafeValueは、[プロパティ]を使用=結合する必要があります..." ：私は本当にSRC内部のそのエラーメッセージを理解していなかったの代わりに= {{itemPhoto}} SRCを、次のような作品：しかし確かになぜか分からない。 –

エラーが何を言っているのか試してみることができます。それはinterpolation {{}}の代わりにproperty []バインディングを使用しなければならないということです。

[src]="itemPhoto"

出典

2016-09-27 21:35:39

angular2とwindow.URL.createObjectURL

答えて

関連する問題