js怎么把base64的字符串转换成图片？

[gyzsky]

图片在服务端已编码成base64的字符串放在xml里面,客户端接受xml，取得base64的字符串后，请问如何让图片在html中显示？

[t101lian]

C#的转换， JS 就不清楚啦， 希望对楼主有帮助

//base64编码的文本 转为    图片  
        private void button2_Click(object sender, EventArgs e)  
        {  
            OpenFileDialog dlg = new OpenFileDialog();  
            dlg.Title = "选择要转换的base64编码的文本";  
            dlg.Filter = "txt files|*.txt";  
            if (DialogResult.OK == dlg.ShowDialog())  
            {  
                Base64StringToImage(dlg.FileName);  
            }  
        }  
        //base64编码的文本 转为    图片  
        private void Base64StringToImage(string txtFileName)  
        {  
            try  
            {  
                FileStream ifs = new FileStream(txtFileName, FileMode.Open, FileAccess.Read);  
                StreamReader sr = new StreamReader(ifs);  
  
                String inputStr = sr.ReadToEnd();  
                byte[] arr = Convert.FromBase64String(inputStr);  
                MemoryStream ms = new MemoryStream(arr);  
                Bitmap bmp = new Bitmap(ms);  
  
                bmp.Save(txtFileName + ".jpg", System.Drawing.Imaging.ImageFormat.Jpeg);  
                //bmp.Save(txtFileName + ".bmp", ImageFormat.Bmp);  
                //bmp.Save(txtFileName + ".gif", ImageFormat.Gif);  
                //bmp.Save(txtFileName + ".png", ImageFormat.Png);  
                ms.Close();  
                sr.Close();  
                ifs.Close();  
                this.pictureBox1.Image = bmp;  
                MessageBox.Show("转换成功！");  
            }  
            catch (Exception ex)  
            {  
                MessageBox.Show("Base64StringToImage 转换失败/nException："+ex.Message);  
            }  
        }  

[md5e]

图片直接显示,IE8以上+谷歌+FF支持

[feiyun0112]

http://stackoverflow.com/questions/16449445/how-can-i-set-image-source-with-base64

*****************************************************************************
签名档： http://feiyun0112.cnblogs.com/

[md5e]

<img src="data:image/png;base64,这里放字符"/>

[gyzsky]

引用 4 楼 liuchaolin 的回复:

<img src="data:image/png;base64,这里放字符"/>

这种方式所有浏览器都支持吗？

[gyzsky]

引用 1 楼 t101lian 的回复:

C#的转换， JS 就不清楚啦， 希望对楼主有帮助

//base64编码的文本 转为    图片  
        private void button2_Click(object sender, EventArgs e)  
        {  
            OpenFileDialog dlg = new OpenFileDialog();  
            dlg.Title = "选择要转换的base64编码的文本";  
            dlg.Filter = "txt files|*.txt";  
            if (DialogResult.OK == dlg.ShowDialog())  
            {  
                Base64StringToImage(dlg.FileName);  
            }  
        }  
        //base64编码的文本 转为    图片  
        private void Base64StringToImage(string txtFileName)  
        {  
            try  
            {  
                FileStream ifs = new FileStream(txtFileName, FileMode.Open, FileAccess.Read);  
                StreamReader sr = new StreamReader(ifs);  
  
                String inputStr = sr.ReadToEnd();  
                byte[] arr = Convert.FromBase64String(inputStr);  
                MemoryStream ms = new MemoryStream(arr);  
                Bitmap bmp = new Bitmap(ms);  
  
                bmp.Save(txtFileName + ".jpg", System.Drawing.Imaging.ImageFormat.Jpeg);  
                //bmp.Save(txtFileName + ".bmp", ImageFormat.Bmp);  
                //bmp.Save(txtFileName + ".gif", ImageFormat.Gif);  
                //bmp.Save(txtFileName + ".png", ImageFormat.Png);  
                ms.Close();  
                sr.Close();  
                ifs.Close();  
                this.pictureBox1.Image = bmp;  
                MessageBox.Show("转换成功！");  
            }  
            catch (Exception ex)  
            {  
                MessageBox.Show("Base64StringToImage 转换失败/nException："+ex.Message);  
            }  
        }  

额，就需要js的啊，不过还是谢谢你！

[md5e]

引用 5 楼 hws1058648831a 的回复:

[quote=引用 4 楼 liuchaolin 的回复:] <img src="data:image/png;base64,这里放字符"/>

这种方式所有浏览器都支持吗？[/quote] 图片直接显示,IE8以上+谷歌+FF支持

[gyzsky]

引用 7 楼 liuchaolin 的回复:

[quote=引用 5 楼 hws1058648831a 的回复:] [quote=引用 4 楼 liuchaolin 的回复:] <img src="data:image/png;base64,这里放字符"/>

这种方式所有浏览器都支持吗？[/quote] 图片直接显示,IE8以上+谷歌+FF支持[/quote] js做解码显示图像怎么做呢？

[md5e]

js不能转文件流的，放弃吧

[zzzzoooossss]

AJAX调用后台的方法

[Viccy_Yao]

<img src="data:image/png;base64,这里放字符"/>

[图扑软件]

http://www.hightopo.com/blog/337.html 《基于HTML5的Drag and Drop生成图片Base64信息》可参考

[qq_35945522]

<img src="data:image/png;base64,这里放字符"/> 这里放字符 只能在html中放字符，不能用js，字符中有// ，js把他当注释了