2011-08-01 29 views
5

Đây là vấn đề. Tôi đã có chuỗi hình ảnh base64 được truy xuất động từ cơ sở dữ liệu qua ajax.Tôi có thể sử dụng jquery để thao tác css để thay đổi hình nền với chuỗi base64

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvsAAAJECAYAAACIHevuAAAgAElEQVR4nO3d 

sau khi lấy các chuỗi tôi muốn thiết lập nó làm hình nền của một div

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

Tại sao bạn không ghi tệp hình ảnh trong một số thư mục và trả lại đường dẫn đến tệp đó qua ajax? Tôi nghĩ điều đó sẽ giải quyết vụ án. –

Trả lời

17

thử:

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

về cơ bản, bạn chỉ cần đặt các base64 bên url().

thông tin khác: "Data URI scheme" Wiki

+0

oops ... Jamie đánh tôi. – Shea

+0

Nhưng của bạn là giải pháp js được yêu cầu. – Eric

+1

Đây chính xác là những gì tôi cần. Nhưng bằng cách nào đó nó không hoạt động trên FF. nhưng nó hoạt động trên chrome của tôi. – root

2

Bạn chỉ có thể đặt dữ liệu hình ảnh của bạn trực tiếp vào url tham số của background tài sản trong CSS.

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

Dưới đây là một ví dụ: http://jsfiddle.net/uyrjs/

Các vấn đề liên quan