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

网页中二进制图片预览

    博客分类:
  • ui
阅读更多

大概的思路:
1 获取图片流
2 读取流字节
3 将字节编码成base64encoding字符
4 构造图片地址"data:image/jpeg;base64," + 编码好的字符

java代码实例:
String url = "http://img1.gtimg.com/finance/pics/hv1/117/56/564/36688497.jpg";		
InputStream is = new URL(url).openStream();
byte[] buffer = new byte[is.available()];
is.read(buffer);
String src = "data:image/jpeg;base64," + new BASE64Encoder().encode(buffer);
System.out.println(src);


html代码实例:
<img src="上面代码输出的src内容"/>
分享到:
评论

相关推荐

    asp.net 二进制数据流显示图片

    为了在网页上显示二进制数据流中的图片,我们需要创建一个HTTP响应,设置合适的MIME类型(如"image/jpeg"或"image/png"),然后将二进制数据流写入响应的输出流。 以下是一个基本示例代码,演示了如何从二进制数据...

    基于PHP的二进制在线转换 php版 v1.0.zip

    "基于PHP的二进制在线转换 php版 v1.0.zip"是一个这样的工具,它允许用户通过网页接口将二进制数据转换为其他格式或进行特定的处理。 1. **PHP与二进制数据** PHP可以处理二进制数据,主要通过字符串类型来实现。...

    asp图片预览,绝对可行

    在ASP(Active Server Pages)开发中,图片预览功能是一个常见的需求,特别是在处理用户上传图片时,能够实时预览图片可以提升用户体验。本教程将基于标题"asp图片预览,绝对可行"和描述"这是个现在可用的asp预览...

    上传图片预览效果示例程序

    在IT行业中,上传图片预览是一项常见的功能,尤其在网页应用和移动应用中,它能够为用户提供即时的反馈,提高用户体验。本示例程序聚焦于实现这一功能,旨在帮助开发者理解如何在自己的项目中实现类似的功能。以下是...

    js无刷新图片预览效果

    在网页开发中,用户体验往往是非常重要的一环,而图片预览功能则是提升用户体验的一个关键要素。"js无刷新图片预览效果"是一个利用JavaScript技术实现的,在不刷新页面的情况下,让用户能够快速预览图片的功能。这种...

    linux-centos8/ubuntu20.04以上wkhtmltopdf-0.12.6二进制安装包

    - **处理图片**:支持将网页中的图片嵌入PDF,也可以通过`--load-error-handling`参数处理加载失败的图片。 总之,`wkhtmltopdf`是一个强大的工具,通过二进制安装包的方式,使得在CentOS 8和Ubuntu 20.04以上版本...

    java/jsp 上传+图片预览

    通常,表单需要设置`enctype="multipart/form-data"`属性,以便能够处理二进制数据。在JSP中,可以使用`&lt;form&gt;`标签和`&lt;input type="file"&gt;`元素来实现这一功能。 `uploadify`是一个JavaScript插件,它使用AJAX和...

    asp.net实现图片以二进制流输出的两种方法

    在ASP.NET中,将图片以二进制流的形式输出到客户端是常见的需求,这通常用于图片处理、数据传输或者优化网页加载速度。本文将详细介绍两种实现这一功能的方法。 **方法一:基于MemoryStream和Bitmap** 首先,我们...

    Base64图片预览文件编码解码双向转换解析工具

    7. **应用场景**:Base64编码在多种场景下都有应用,如电子邮件附件、网页中的嵌入式图像、JSON数据中的二进制数据存储等。这个工具可以帮助开发者、Web设计师或普通用户方便地处理这些编码数据,提高工作效率。 综...

    MVC 上传图片预览

    在图片预览中,我们主要利用jQuery来监听文件选择事件,动态创建一个`img`元素用于显示预览,并通过AJAX异步上传文件。 预览功能的实现有两种常见方法: 1. 使用HTML5的FileReader API:在客户端预处理文件,读取...

    smartupload上传图片案例&带图片预览功能

    3. **图片预览**:预览功能通常通过读取上传文件的二进制数据并转化为Base64编码实现。这个编码可以直接嵌入到HTML的`&lt;img&gt;`标签中,作为`src`属性值,让浏览器显示图片。在JavaScript中,可以使用FileReader API来...

    Mobile H5 图片上传预览

    在图片预览中,我们会将图片文件转换为base64字符串,这个字符串可以直接插入到`&lt;img&gt;`标签的`src`属性中,浏览器会自动解析这个字符串并显示图片。 四、图片预览步骤 1. 用户通过input[type="file"]选择图片文件...

    有图片预览功能的上传表单.rar

    在IT领域,尤其是在Web开发中,创建一个带有图片预览功能的上传表单是一个常见的需求。这样的功能可以提升用户体验,让用户在正式上传图片之前能够预览选定的文件,确保上传的图片符合预期。这个"有图片预览功能的...

    纯前端图片压缩和预览工具

    例如,FileReader用于读取用户选择的文件,Blob可以用来创建和操作二进制数据,而Canvas则提供了画布上进行图像操作的接口。 “工具”一词暗示了这是一个可以方便开发者使用的组件或库。这类工具往往封装了复杂的...

    aps.net+flash 多图片上传预览

    在这个示例中,Flash被用来处理图片的上传和预览,因为Flash支持二进制数据流,能够高效地处理大文件,并且在浏览器中的兼容性较好。 3. 多图片上传:多图片上传是指用户可以在一次操作中选择并上传多张图片,这...

    图片上传预览多张图Flash大集合

    1. 基础版:仅实现基本的图片预览功能,无额外的交互元素。 2. 进度条版:在图片上传过程中显示进度条,提供上传状态反馈。 3. 多图预览版:允许用户一次选择多张图片进行预览,逐个显示。 4. 取消上传版:用户可以...

    JAVA 图片上传 预览

    服务器接收到请求后,会解析请求体中的二进制数据,将其保存为文件,并返回一个表示文件存储位置的响应。客户端接收到响应后,可以据此生成预览链接。 在JSP中,我们可以使用`&lt;form&gt;`标签来创建一个文件上传表单,...

    view-binary-element:用于预览几种常见类型的二进制文件的本机Web组件

    view-binary-element就是基于这个概念构建的,它封装了二进制文件预览的逻辑,使其可以在不同的网页项目中复用。 JavaScript在其中扮演了核心的角色,处理文件读取、解析以及预览展示。例如,使用`FileReader` API...

    js图片浏览

    【JS图片浏览】是一种利用JavaScript实现的网页图片预览技术,它可以为用户提供便捷的图片预览体验,尤其在用户上传图片或浏览大量图片时。这种技术通常涉及到HTML、CSS和JavaScript的结合应用,以实现动态加载、...

    图片压缩预览保存打压缩包JCompressor.rar

    在IT行业中,图片压缩、图片预览、图片保存以及zip压缩包和jszip库的应用是常见的任务,尤其在网页开发和数据传输中扮演着重要角色。以下是对这些知识点的详细说明: 1. **图片压缩**:图片压缩是为了减小文件大小...

Global site tag (gtag.js) - Google Analytics