2016-09-27 1 views
4

가 나는 방울을 만들 수 window.URL.createObjectURL를 사용 이미지 파일 선택시 할당 :angular2 및 window.URL.createObjectURL

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" /> 

아직도 확실하지 않은 이유는 무엇입니까.

+0

- 나는 방울 사용하여 PDF를 표시 : I가 관리 방법을 살펴, HTTP 링크를 여기, 그것을 당신을 도울 수 : http://stackoverflow.com/questions/37046133/pdf-blob-is-not-showing-content-angular-2/39657478#39657478 –

+1

그냥 오류가 무엇을 제안하려고합니다 [src ] = "itemPhoto"' –

+0

안녕하세요 스테판 방금 문제가 무엇인지 알아 냈습니다. 난 정말 SRC 내에서 해당 오류 메시지를 이해하지 않았다 은 "안전하지 않은 : SafeValue 사용 [부동산] = 바인딩해야합니다 ..." 대신 SRC의 = {{itemPhoto}} 다음 작품 : 아직도 확실하지 않은 이유. –

답변

5

오류가 무슨 말을하려고 할 수 있습니다. 그것은 당신이 interpolation {{}} 대신에 property [] 바인딩을 속성과 함께 사용해야한다는 것입니다.

[src]="itemPhoto" 
나는 당신의 문제에 대해 자세히 살펴 시간이 없어,하지만 난 며칠 전에 비슷한 문제가 있었다