2011-08-01 2 views
5

여기에 문제가 있습니다. 나는 아약스를 통해 데이터베이스에서 동적으로 검색되는 base64 이미지 문자열을가집니다. jquery를 사용하여 CSS를 조작하여 base64 문자열로 배경 이미지를 변경할 수 있습니까

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvsAAAJECAYAAACIHevuAAAgAElEQVR4nO3d 

문자열을 검색 한 후 난 사업부

<div id="dragBox"></div> 
+0

왜 당신이 어떤 폴더에 이미지 파일을 작성하고 아약스를 통해 해당 파일의 경로를 반환하지 않습니다? 나는 그 사건을 해결할 것이라고 생각한다. –

답변

17

시도 :

$('#dragBox').css('background-image', 'url(' + base64_string + ')'); 

기본적으로, 당신은 단지 url() 내부의 base64로했습니다.

자세한 내용은 : "Data URI scheme" Wiki

+0

어 ... 제이미가 나를 때렸어. – Shea

+0

하지만 당신이 요구하는 솔루션은 js입니다. – Eric

+1

이것은 정확히 내가 필요한 것입니다. 하지만 어떻게 든 FF에서는 작동하지 않습니다. 하지만 그건 내 크롬에서 작동합니다. – root

2

당신은 단순히 직접 CSS의 background 속성의 url 매개 변수로 이미지 데이터를 배치 할 수의 배경 이미지로 설정할.

#dragBox { 
background: url(data:image/png;base64,iv[...]); 
} 

다음은 예입니다 : http://jsfiddle.net/uyrjs/

관련 문제