js将图片转换为base64

  js读取图片2进制信息后转换为base64字符串,设置img对象进行显示。

 

  js将图片2进制信息转为base64字符源代码如下

提示:由于使用到ADODB.Stream,Scripting.FileSystemObject这种浏览器允许安全范围外的的activexojbect,所以要村委hta后缀的html应用程序,而不是html后缀的文件,创建者2个activexojbect会提示没有权限(也可以降低ie浏览器安全设置,自己百度查询下如何降低ie安全设置。)

js将图片转换为base64

<script >
    function ImagesToBase64(FilePath) {
        getFileExt = /\.(gif|png|bmp|jpg)/.exec(FilePath)[1];
        var Base64 = ''
        objXMLDoc = new ActiveXObject("msxml2.FreeThreadedDOMDocument")
        objXMLDoc.loadXML("<?xml version='1.0'?><Base64Data />")
        fs = new ActiveXObject("Scripting.FileSystemObject")
        if (fs.FileExists(FilePath)) {
            objStream = new ActiveXObject("ADODB.Stream")
            objStream.Type = 1
            objStream.Open
            objStream.LoadFromFile(FilePath)
            objXMLDoc.documentElement.dataType = "bin.base64"
            objXMLDoc.documentElement.nodeTypedValue =objStream.Read()
            xml = new ActiveXObject("msxml2.FreeThreadedDOMDocument")
            xml.load(objXMLDoc)
            if (xml.readyState > 2) {
                root = xml.getElementsByTagName("Base64Data")
                alert(root[0].firstChild.nodeValue)
                Base64 = "data:image/" + getFileExt + ";base64," + root[0].firstChild.nodeValue
            }
        }
        return Base64
    }
    var s = ImagesToBase64("E:\web\\1.gif");
    document.write('<img src="'+s+'"/>'+s)
</script>

 


原创文章,转载请注明出处:js将图片转换为base64

评论(0)Web开发网
阅读(428)喜欢(0)不喜欢(0)JavaScript/Ajax开发技巧