• java图片转二进制流_java将文件转化成二进制流


    二进制流的主要编码格式是base64码。可以在网上找一些在线转base64编码的网站进行尝试转换。

    例如:http://imgbase64.duoshitong.com/然后通过前端展现和下载。

    一、前端查看、下载功能实现

    前端显示二进制流图片(src中放置base64码及二进制流)

    <img src="http://dl.ppt123.net/pptbj/201603/2016030410235232.jpg" alt="">
    /*
    * 提示:该行代码过长,系统自动注释不进行高亮。一键复制会移除系统注释 
    * 
    */
    
    • 1
    • 2
    • 3
    • 4
    • 5

    前端下载二进制流文件(herf中放置base64码及二进制流,download后面放置下载后的文件名称,如果有需要可以拼接下载文件名)

    <a href="data:text/plain;base64,xOPV5suno6zV4srHvNm7sA==" download="6.txt">下载txt</a>
    /*
    * 提示:该行代码过长,系统自动注释不进行高亮。一键复制会移除系统注释 
    * 下载图片
    */
    
    • 1
    • 2
    • 3
    • 4
    • 5
    后端只要实现对数据库表字段的增加和修改接口api就可以正常使用了。然后在使用查的接口进行对相关字段遍历赋予src、herf、download中。就可以正常实现查看和下载了。

    二、前端将文件转换成二进制流

    主要代码是与input的file属性连用。将文件转为base64码。
    <html>
    <head></head>
    <body>
    <input id="fujian" type="file"/>
    </body>
    <script> $("#fujian").change(function(){ 
     var reader = new FileReader(); var AllowImgFileSize = 2100000; //上传图片最大值(单位字节)( 2 M = 2097152 B )超过2M上传失败 var file = $("#fujian")[0].files[0]; var imgUrlBase64; if (file) { 
     //将文件以Data URL形式读入页面  imgUrlBase64 = reader.readAsDataURL(file); console.log(imgUrlBase64); reader.onload = function (e) { 
     //var ImgFileSize = reader.result.substring(reader.result.indexOf(",") + 1).length;//截取base64码部分(可选可不选,需要与后台沟通) if (AllowImgFileSize != 0 && AllowImgFileSize < reader.result.length) { 
     alert( '上传失败,请上传不大于2M的图片!'); return; }else{ 
     //执行上传操作 console.log(reader.result); } } } }) 
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    注意:

    前端直接调用接口,将reader.result参数放置到数据库所对应的字段。

    后端设计数据库时,对字段需要设计。mysq:longtext、longblob类型。sqlsever:text 类型

    因为二进制流字节较长,需要能够存储相关内容。

  • 相关阅读:
    带你一文理解JS数组
    Win11怎么安装语音包?Win11语音包安装教程
    线程同步代码块
    jmeter逻辑控制器和定时器
    子进程变成孤儿进程
    C#往数据库上传文件
    第三十八章 在 UNIX®、Linux 和 macOS 上使用 IRIS(三)
    EasyExcel处理Mysql百万数据的导入导出案例,秒级效率,拿来即用!
    聚观早报 | 微软打造Xbox 手游商店;三星与TikTok推出StemDrop
    如何在java中将日期时间设置为一天结束
  • 原文地址:https://blog.csdn.net/qq_43934844/article/details/127925677