이미지가 IE 폼 base64에 표시되지 않습니다.

Question

이미지 소스에서 base64를 사용하여 다시 변환 할 때 CLOB에 Oracle DB에 이미지를 저장했습니다. Chrome에서는 & Firefox이지만 Internet Explorer에서는 잘 작동합니다. 이미지의 일부분이 남아있는 그림에 그 점들이 나타난 후에 보여집니다.

나는이 문제를 간단하고 프로그램 적으로도 동일한 결과를 통해 해결하려고 노력합니다.

여기에 내가 사진을 보여 Fancybox JQuery 플러그인을 사용하고있는 변환 없이 간단한 CLOB 데이터를 포함하는 다음 @images.IMG 내 HTML

 <a class="fancybox" href="@images.IMG" 
data-fancybox-group="gallery"> <span style="color:#428bca;font-size:34px;margin-top:-34px; 
float:right;" class="glyphicon glyphicon-picture"></span></a> 

입니다.

C# 당신이 data URI에 벼락 공부 수있는 데이터의 한계가있다 방법

byte[] byt = Convert.FromBase64String(imgclobdata); 
    MemoryStream ms = new MemoryStream(byt); 
    var img= "data:image/jpg;base64," + Convert.ToBase64String(ms.ToArray(), 0, ms.ToArray().Length); 

Answer 1

. Internet Explorer의 제한은 Firefox 또는 Chrome의 제한보다 낮습니다 (버전에 따라 다릅니다).

간단히 말해서 : 그렇게하지 마십시오. 데이터 구성표는 작은 파일에만 사용할 수 있습니다.

Answer 2

Internet Explorer has a limit on maximum URL length of 2083 characters.

당신은 img 태그의 src 속성의 내부에 base64로 이미지를 배치 할 수 있습니다이 제한을 회피하려는 경우 :

<img src="Base64StuffGoesHere" /> 

This question는 사용하지 않고 fancybox 작업을하는 방법에 대한 몇 가지 좋은 답변이 있습니다를 href 속성

Answer 3

특별 감사는 모든 브라우저의 경우

대신의 Clob 문자열을 보내는

<span style="color:#428bca;font-size:34px;margin-top:-34px; 
float:right;" class="glyphicon glyphicon-picture" onclick="showImg('@images.IMG');"></span> 

    function showImg(data){ 
$.fancybox([ 
    'images/01.jpg', 
    'images/02.jpg', // etc 
    ],{ 
    // fancybox options 
    'type': 'image' // etc. 
}); // fancybox 
} 

Answer 4

에 나를 위해

이 작품을 @Yuriy ASHX 처리기를 작성하고 ASHX에 내용을 적어합니다.

자세한 내용은 당신이 나를 위해 작동

Display Image using ashx Handler

Answer 5

를 참조 할 수 있습니다 : 사진에 ID 속성을 추가하고이 ID에 대한 링크를 추가

promos.Text += "<div class='recent-work-item'>"; 
promos.Text += " <em>"; 
promos.Text += "  <img src='" + image + "' alt='" + title + "' class='img-responsive'>"; 
promos.Text += "  <a href='http://www.acipa.fr/Blog/post/" + url + "' target='_blank'><i class='fa fa-link'></i></a>"; 
// this line doesn't work on IE because URL of href is too long 
//promos.Text += "  <a href='" + image + "' class='fancybox-button' title='' data-rel='fancybox-button'><i class='fa fa-search'></i></a>"; 

// this line works on IE because it is an internal link: 
promos.Text += "  <a href='#" + postid + "' class='fancybox-button' title='' data-rel='fancybox-button'><i class='fa fa-search'></i></a>"; 
promos.Text += " </em>"; 
promos.Text += "</div>"; 
// add this img with an ID for the link 
promos.Text += "  <img src='" + image + "' alt='" + title + "' class='img-responsive' id='" + postid + "'>";