Angular에서 base64 데이터를 포함하는 변수를 사용하여 영상 src 로드JS

Angular에서 base64 데이터를 포함하는 변수를 사용하여 영상 src 로드JS

다음을 포함하는 변수를 사용하여 이미지 로드base64각도 데이터JS

다음을 포함하는 변수에서 이미지 소스를 로드하는 올바른 방법을 찾고 있습니다.base64부호화된 이미지 데이터(예를 들어 캔버스에서 꺼낸 이미지 데이터)toDataURL();).

처음에는 이렇게 해봤어요.

<img src="{{image.dataURL}}" />

여기서 이미지는 변수가 있는 스코프 변수입니다.dataURL포함base64이건 꽤 잘 작동하고 있어요. 유일한 문제는 제가 그 정보를 얻을 수 있다는 겁니다.404에러가 발생했습니다.다음과 같은 경우:

GET http://www.example.com/%7B%7Bimage.dataURL%7D%7D 404 (찾을 수 없음)

별로 안 예뻐.좀 더 각진 스타일의 솔루션을 시도해보니 다음과 같습니다.

<img data-ng-src="image.dataURL" />

이미지가 전혀 로드되지 않습니다.나는 네가 찾을 수 있는 바이올린을 만들었다.

콘솔에서 이 오류를 제거하는 방법이 있나요?

---

편집:

그루프 버니 말이 맞았어이것.<img data-ng-src="{{image.dataURL}}" />동작하고 있습니다...

유효한 솔루션을 찾을 수 있습니다.

ng-src의 내용은 보간해야 합니다.이것을 시험해 보세요.

<img data-ng-src="{{image.dataURL}}"/>

비슷한 문제를 해결하기 위해 너무 많은 시간을 들인 건 인정하지만

내 문제는 여기에 여분의 버팀대가 있다는 것이다(끝에 있는 3개의 버팀대 참조).

 ng-attr-src="{{aad.form.imageBase64Temp}}}"

언급URL : https://stackoverflow.com/questions/22018776/loading-image-src-using-a-variable-containing-base64-data-in-angularjs