JavaScript를 사용하여 MySQL 데이터베이스에서 검색된 Blob 데이터 표시

Question

웹 서비스를 사용하여 MySQL 데이터베이스에서 일부 데이터를 검색 할 수있었습니다. 데이터베이스에 BLOB 형식의 이미지가 저장되어 있습니다. 이것은 내 웹 서비스 리턴이 이미지에 관해서 무엇을 :

<image> 
/9j/4AAQSkZJRgABAQEAYABgAAD/7TaeUGhvd.....RRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQB//Z 
</image> 

지금은 문제가 내 자바 스크립트 응용 프로그램이이 데이터를 변환 한 다음 이미지로 표시 만드는 데. 나는 그것을 조금 연구하고 몇 가지 온라인 자습서를 발견했지만 어떻게 든 그들은 나를 위해 일하지 않았다 .... 아무도이 문제를 도와 줄래? BLOB 데이터를 이미지로 변환 할 수있는 가장 간단한 방법은 무엇입니까? 미리 감사드립니다!

Answer 1

blob에 base64로 인코딩 된 PNG 데이터가 있다고 가정하면 data-uri을 사용하여 이미지에 직접 데이터를 설정할 수 있습니다. 여기

var imgdata = "iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" 

$('#myimg').attr('src', "data:image/png;base64,"+imgdata) 

가정 데이터가 base64로 인코딩 서버에서 반환 된 것입니다,하지만 그 경우가 아니라면 그 경우에, 당신은 다양한 옵션을 볼 수 있지만 궁극적으로는 서버 측에서 적절한 변환을 수행 할 수 있습니다 왜 그냥 여기

방울

이미지를 반환하는 서버 측에서 API를 이미지에 URL을 반환하고 만드는 것은 행동에 jsfiddle입니다 http://jsfiddle.net/anuraguniyal/4DEtH/5/

편집 : 난 당신이 동일합니다 서버 측 있지만 프로세스를 사용하여 어떤 언어 확실하지 않다 예 : 각 언어

>>> s='\x89PNG\r\n\x1a\n\x00\x00\x00\rIHDR\x00\x00\x00\x05\x00\x00\x00\x05\x08\x06\x00\x00\x00\x8do&\xe5\x00\x00\x00\x1cIDAT\x08\xd7c\xf8\xff\xff?\xc3\x7f\x06 \x05\xc3 \x12\x84\xd01\xf1\x82X\xcd\x04\x00\x0e\xf55\xcb\xd1\x8e\x0e\x1f\x00\x00\x00\x00IEND\xaeB`\x82' 
>>> import base64 
>>> base64.b64encode(s) 
'iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' 

즉 (안 PNG 마커도) 파일에 저장 될 것이다,뿐만 아니라 RAW 이미지 데이터를 모든 데이터를 가지고 내가 Base64로에 방울을 인코딩 한 이제