base64 이미지 소스가 Cordova IOS에서 작동하지 않습니다.

Question

내 코드 기반 IOS 애플리케이션에서 base64 소스에서 하나의 이미지를 표시해야하지만 아무 것도 렌더링하지 않습니다.

<img id="cardImg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/> 

위의 단순한 <img>은 브라우저에서 정상적으로 작동하지만 코드 내 응용에서는 작동하지 않습니다. 6.5 및 IOS 버전 :

이

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta http-equiv="Content-Security-Policy" content="img-src 'self' data:"> 
    <meta content="width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes" name="viewport"> 
    <meta http-equiv="Content-Security-Policy" content="default-src * gap://ready file:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> 

코르도바 버전 내 <meta> tag 목록이 10.2.1

Answer 1

64 기수를 사용하는 아이폰 OS에서 이미지를 표시하기 위해 한 방향으로 만 format.You cordova-camera-plugin을 사용하여 base64 이미지를 생성하고 img 태그를 삽입 할 수 있습니다. 카메라 플러그인에서 jpeg, base64로 데이터를 가져올 플래그를 설정했습니다.

IMG의 ID = "cardImg"

VAR의 imgdata = 데이터 : 이미지/JPEG,베이스 64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4 // 8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg ==

cardImg.src = imgdata;