IE中图片转成base64的示例

最新推荐文章于 2025-07-03 10:33:58 发布

原创最新推荐文章于 2025-07-03 10:33:58 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#IE6 图片 BASE64

开发专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用IE浏览器将本地图片文件转换为Base64编码字符串的方法。通过JavaScript与XMLHttpRequest对象的结合应用，实现了图片读取并转换为Base64格式的功能。

<html>
<head>
<title>IE中图片转成base64</title>

<SCRIPT LANGUAGE="JavaScript">
var x= new ActiveXObject("Msxml2.XMLHTTP.6.0");
x.onreadystatechange=function(){
if(x.readyState<4) return;
var xml_dom = new ActiveXObject("MSXML2.DOMDocument");
var tmpNode = xml_dom.createElement("tmpNode");
tmpNode.dataType = "bin.base64";
tmpNode.nodeTypedValue = x.responseBody;
var base64str=tmpNode.text.replace(/\n/g,"");
document.getElementById('data1').value=base64str;
//document.write("<img src=\"data:image/jpeg;base64,"+base64str+"\" style='width:200;height:200'>")
}

function chgB64(){
//x.open("get","http://localhost:8090/lebts/images/testPicture2.jpg",true);
x.open("get","e:\\testPicture0.jpg",true);
x.send("");
}

</script>
</head>
<body>
<input type="button" onclick="chgB64();" value="TestB64" />
<textarea id="data1" rows=5 cols=60></textarea>
</body>
</html>