`
wudixiaotie
  • 浏览: 138930 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript直接把base64的字符串转换成图片显示在网页上的方法

阅读更多
<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script type="text/javascript" src="http://su.bdimg.com/static/superplus/js/lib/jquery-1.10.2_d88366fd.js"></script>
  <script type="text/javascript">
    $(function() {
      var img_str = "iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
      $("#img").attr("src", "data:image/png; base64," + img_str);
    });
  </script>
</head>
<body>
  <img id="img" src="">
</body>
</html>

 

0
0
分享到:
评论

相关推荐

    二维码图片转换成BASE64字符串

    二维码图片转换成BASE64字符串是一项常见的数据处理任务,在IT领域中有着广泛的应用。二维码(Quick Response Code)是一种二维条形码,可以存储大量的文本、网址、名片等信息,而BASE64则是一种用于将二进制数据...

    JavaScript将base64图片转换成formData并通过AJAX提交的实现方法

    在这个阶段,可以使用HTML5的`&lt;canvas&gt;`元素来处理图片,将图片绘制到canvas中,然后通过`toDataURL`方法将canvas的内容转换为base64字符串,最后通过前面定义的`dataURItoBlob`函数将base64字符串转换为Blob对象。...

    JQ JS javascript 普通图片上传 图片格式转换 图片base64转换 jpg转base64 png转base64

    我们将讨论jpg和png图片如何转化为base64字符串,以便在网络上传输或存储。 首先,让我们了解什么是base64编码。Base64是一种数据编码方法,用于将二进制数据转换为ASCII字符串形式,以便在电子邮件、HTML或JSON等...

    图片 Base64 格式 字符串转换

    标题中的“图片 Base64 格式 字符串转换”涉及到的是计算机编程中的一种常见技术,主要用于在网络上传输图像数据。在Web开发中,有时为了简化HTTP请求或避免跨域问题,我们会选择将图片编码为Base64字符串,然后直接...

    js对图片base64编码字符串进行解码并输出图像示例

    在本示例中,我们讨论的是如何使用JavaScript对基于Base64编码的图片进行解码并显示在网页上。Base64是一种用于将二进制数据编码为ASCII字符串的编码方式,它在传输或存储非文本数据时非常有用,例如图片。 在HTML...

    js 显示base64编码的二进制流网页图片

    Base64编码是一种编码方法,它将二进制数据转换为ASCII字符串格式。这种编码方式主要适用于编码那些无法直接通过文本格式传输的数据,比如图片、音频、视频等二进制文件。Base64编码通过把每3个字节的二进制数据转换...

    图片文件与Base64编码字节数组字符串互转

    在IT领域,尤其是在Web开发中,图片文件与Base64编码字节数组字符串的转换是一种常见的操作。这种转换在不直接使用图片文件路径或URL,而是将图片数据嵌入到HTML、CSS或JavaScript中时非常有用。下面我们将详细探讨...

    java生成二维码以及二维码转base64字符串给前端

    在Java开发中,生成二维码和将二维码转换为Base64字符串是常见的需求,尤其是在与前端交互时。这个项目提供了一种方便的方式,通过Maven依赖来实现这些功能,并且包括了一个工具类,使得操作更加简单易用。接下来,...

    文件转化为base64字符串

    在IT行业中,Base64是一种常见的数据编码方法,它将任意二进制数据转换为可打印的ASCII字符串。这种编码方式常用于在网络上传输非文本数据,如图片、PDF文档等,因为HTTP协议和电子邮件系统通常只能可靠地传输ASCII...

    js加载base64图片

    将图片转换为Base64字符串后,可以直接嵌入到HTML的`&lt;img&gt;`标签的`src`属性中,或者在JavaScript中使用,避免了HTTP请求的开销,提高了页面加载速度,尤其是在服务端渲染或离线应用场景中。 3. **JavaScript加载...

    PDF和Base64格式互相转换

    当你需要在网页或邮件中显示PDF文件时,由于这些平台通常不支持直接嵌入二进制文件,你可以先将PDF文件转换成Base64编码。这通常通过读取PDF文件的二进制内容,然后使用Base64算法进行编码。编码后的字符串可以嵌入...

    将图片文件转换为Base64字符串文本.zip

    在IT领域,Base64是一种常见的数据编码方法,它能够将二进制数据转换成ASCII字符串,便于在网络上传输和存储。在这个特定的压缩包文件中,重点是使用VB6(Visual Basic 6)编程语言将图片文件转换为Base64字符串。...

    base64与字符串互相转化

    当我们需要将一个字符串(通常由ASCII字符组成)编码为Base64时,首先会将字符串转换成其对应的字节序列。然后,每3个字节被分为一组,每个组用4个Base64字符表示。如果原始字符串的长度不是3的倍数,那么会在末尾...

    python将图片转base64,实现前端显示

    综上所述,Python在将图片转换为Base64编码并实现前端显示方面有着简单直接的应用场景。这一技术可以使图片的传输和显示更为灵活,尤其适用于小尺寸图标或装饰性图片。通过这篇文章的学习,开发者可以更好地掌握在...

    Base64图片与字符进行相互转换

    - 例如,当我们开发一个网页版的即时通讯应用时,用户发送的小型图片可以被转换成Base64字符串,然后直接嵌入到聊天消息中,降低服务器压力和网络延迟。 通过以上知识,我们可以有效地在不同场景下使用Base64编码...

    前端图片压缩base64后台还原图片

    这段代码展示了如何使用FileReader API读取用户选择的图片,将其转换为DataURL,然后调用压缩函数(未在此处显示,需自行实现或引用外部库),并将压缩后的base64字符串发送到后台。 总结: 前端图片压缩base64是...

    vue项目base64字符串转图片的实现代码

    在Vue项目中,将Base64字符串转换为图片是一种常见的需求,这通常涉及到前端与后端的数据交互。本文将详细讲解如何实现这一功能,并提供相关的Vue代码示例以及后端处理Base64字符串的方法。 首先,让我们从Vue组件...

    图片与base64互相转换工具

    Base64是一种用于将二进制数据转换为ASCII字符串的编码方式,以便在不能直接传输二进制数据的环境中(如电子邮件或HTML)进行传输。以下是关于这个主题的详细知识点: 1. **Base64编码原理**: - Base64是基于64个...

    通过base64上传图片到服务器并读取图片

    总结,通过Base64编码,我们可以方便地将图片转换为字符串形式,实现图片的上传和下载。这种方式尤其适用于那些对跨域有严格限制的场景,因为Base64编码的图片数据可以作为纯文本进行传输。然而,需要注意的是,Base...

    javascript gbk 编码 的Base64.zip

    例如,要将一个GBK编码的字符串转换为Base64,我们可以这样做: ```javascript // Node.js环境下 const iconv = require('iconv-lite'); // 引入iconv-lite库,用于GBK编码/解码 const str = '你好,世界'; const ...

Global site tag (gtag.js) - Google Analytics