以下功能适用于Chrome和Firefox,但在Internet Explorer中失败。我添加了obj_ *赋值以在IE中调试它,.height()或.width方法不起作用。 jpgmulti流是否不适用于IE?对于IE,我是否必须将其称为不同?以下是在MacOSX上使用Chrome和FF确认的。
function append-base64image(jpgmulti) {
var object = jQuery.parseJSON('{'+jpgmulti+'}');
for (var content in object) {
// create element for image
var image_roll = document.createElement("img");
// ad attributes to element
image_roll.setAttribute("src", "data:image/jpeg;base64,"+object[content]);
// calculate aspect ratio for preview:
var obj_height = object[content].height;
var obj_width = object[content].width;
var div_obj_width = obj_width/150;
var height_resize = obj_height/div_obj_width;
image_roll.setAttribute("width", 150);
image_roll.setAttribute("height", height_resize);
document.getElementById("previews").appendChild(image_roll);
}
}