文件 转 Base64

最新推荐文章于 2024-03-05 22:39:03 发布
最新推荐文章于 2024-03-05 22:39:03 发布
阅读量520 收藏
点赞数 1
分类专栏： javascript 文章标签： base64
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/codec007/article/details/70597660
版权

文件转base64

1、将代码另存为html

2、浏览文件

代码如下

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="yes" name="apple-touch-fullscreen" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
<body>
    <input type="file" /><br />
    <label for="outputBase64">base64:</label><br />
    <textarea id="outputBase64" rows="10" cols="40"></textarea><br />
    <button id="btnShow">将base64显示在图片里</button><br />
    <img id="img" src="#" />
    <script>
        var ifile = document.querySelector("[type=\"file\"]");
        var outputBase64 = document.querySelector("#outputBase64");
        var btnCopy = document.querySelector("#copyToClipboard");
        var btnShow = document.querySelector("#btnShow");

        var img = document.querySelector("#img");

        //监测选中了文件
        ifile.addEventListener("change", function (e) {
            var file = e.target.files[0];
            var fr = new FileReader();//文件读取器
            //文件读取完成
            fr.addEventListener("load", function (ev) {
                var base64 = ev.target.result;
                outputBase64.value = base64;
                img.src = base64;
            });
            if (file) fr.readAsDataURL(file);//读取为base64
            ifile.value = "";
        });

        btnShow.addEventListener("click", function (e) {
            img.src = outputBase64.value;
        });
    </script>
</body>
</html>

运行结果


Codec007
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
base64转Mp4工具.zip
09-27
用于base64文本转换成mp4功能，支持json数组批量转换；json对象需要有video（主要用到这个）、label、time、type、seq、token
Base64在线转换工具（详解）
热门推荐
ambiguous__的博客
09-01 4万+
1.项目背景： 在计算机中一个字节共有256种，即ascii码表，而ascii码的128~255之间的值是不可见字符，对于一些只支持可见字符的协议，比如邮件传输协议(SMTP)只支持可见的ASCII字符的传递，如果要传输二进制文件，比如：图片、视 频是无法实现的，因此就有了base64编码格式，Base64编码格式对于所有二进制格式的数据，都可以转化为可显 示的字符。base64的应用场景非常多，比如： 在网络上交换数据时，比如说从A地传递到B地，往往要经过多个路由设备，由于不同的设备对字符的处理方
一个复杂的数据流转换：文件流转base64
最新发布
IT小辉同学
03-05 599
可是我再也没遇到一个像福贵这样令我难忘的人了，对自己的经历如此清楚，又能如此精彩地讲述自己是如何衰老的。这样的老人在乡间实在是 难以遇上，也许是困苦的生活损坏了他们的记忆，面对往事他们通常显得木讷，常常以不知所措的微笑搪塞过去。
Java将Base64转为图片/视频
qq_44445809的博客
11-26 5036
1. Base64转图片 /** * Base64转换为图片服务 * targetPath 输出视频文件路径,不需要文件名 * */ public static File base64ToImg(String base64,String targetPath){ if (base64 == null || "".equals(base64)){ return null; } File fil
将文件转成base64 字符串
秋风未动蝉先觉
03-07 8730
/* *actions: 将文件转成base64 字符串 *path：文件路径 */ public String encodeBase64File(String path) throws Exception { File file = new File(path); FileInputStream inputFile = new FileInputStream(file); byte[] buffer = new byte[(int) file.length()]; ...
文件转base64
qq_30272167的博客
08-09 1608
【代码】文件转base64。
文件转base64编码文件转base64编码
01-16
文件转base64编码
C# 文件转换base64
08-23
C# 文件转base64 文件转换 C# 文件转base64 文件转换
linux下图片批量转base64
06-16
#功能说明:批量将图片文件转换未base64编码文件(txt格式) #使用说明:将需要转换的批量图片与当前脚本存到到同一目录， # 给当前脚本赋予可执行权限 # 执行脚本即可生成与之对应的txt文件，文件内存放base64编码 #...
C实现将BMP文件转base64编码
03-27
基于C/C++实现的将标准BMP格式图片，转换成标准base64编码文件
微信小程序wx.uploadfile 本地文件转base64的实现代码
01-20
微信小程序wx.uploadfile, 利用PHP接口把本地图片转化为base64位。 网上到处都是粘贴复制的wx.uploadfile的解决方案, 但目前还没有具体的代码: 特意呈现出来给需要的伙伴们: 代码: case 'imgBufferToBase64': ...
文件转为base64文件和base64字符串转为MultipartFile文件
小鬼的博客
11-22 3196
文件转为base64文件
Base64与文件互转
weixin_47053123的博客
07-24 7688
Base64与文件互转。
图片文件File转成base64（文件转换）
xilejie的博客
09-05 2006
【代码】图片文件File转成base64。
Java -- 视频压缩(返回压缩后的base64字符串)
记录者的博客
04-29 3256
前言: 压缩时间较长, 10M压缩至1M大概需要2~3秒, 不怎么失帧; Demo中返回base64字符串, 可根据自己需求改返回值类型; 环境: JDK 1.8 IDEA 2021.3 具体请看代码: 注意: Window环境和Linux环境需要引用不同的包,建议都引用; 如果是32位,请把64改为32; <dependency> <groupId>ws.schild</groupId> ..
Java 视频文件、图片文件互转Base64编码（springboot）
weixin_46504244的博客
08-13 4394
1.导入依赖 使用到工具类依赖 <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> 2、视频转Base64 2.1 视频转Base64输出txt文本 通过FileUtils.openInpu...
base64、File、Blob、ArrayBuffer几种文件格式介绍以及互转
蓝枫秋千的踩坑记录
04-19 2860
介绍是一个不可变、原始数据的类文件对象本质上是js的对象size：包含的数据大小（字节）type：包含的数据的MIME类型里面存储的是二进制数据可以使用FileReader来读取blob中的内容创建// 语法 const blob = new Blob(array , options);// 示例 const blob = new Blob([ JSON . stringify(debug , null , 2) ] , {
文件blob、File、base64格式转换
qq_40007317的博客
09-25 1324
文件blob、File、base64格式转换
前端base64-file-blob之间的转换
五速无头怪的博客
10-08 2205
已经有一篇博客介绍这三者的转换了，游览量挺大，可以先去看看 base64和file互转_Amy的博客-CSDN博客_base64转file以图片文件为例：应用场景工作中经常遇到需要把图片文件操作之后再上传到服务器（比如，拼接、裁剪、生成预览等），通常操作之后的图片都会变成一个 base64 的字符串，把这个字符串嵌入到 img 标签的 src 属性中就能看到图片了。正常来说也是可以把这个字符串传给服务器存储的，但是图片生成base64字符串后特别特别的长，这样存取的话非常慢。所以我们需要把它转回成文件对象
android 视频文件转base64
11-08
以下是两种Android视频文件转Base64的方法： ```java //方法一：需要导入Jar包 /** * 文件转Base64. * @param path * @return * @throws Exception */ public static String fileToBase64(String path) throws Exception { File file = new File(path); FileInputStream inputFile = new FileInputStream(file); byte[] buffer = new byte[(int) file.length()]; inputFile.read(buffer); inputFile.close(); return new BASE64Encoder().encode(buffer); } ``` ```java //方法二：不需要导入Jar包 /** * 文件转Base64. * @param filePath * @return */ public static String file2Base64(String filePath) { FileInputStream objFileIS = null; try { objFileIS = new FileInputStream(filePath); } catch (FileNotFoundException e) { e.printStackTrace(); } ByteArrayOutputStream objByteArrayOS = new ByteArrayOutputStream(); byte[] byteBufferString = new byte[1024]; try { for (int readNum; (readNum = objFileIS.read(byteBufferString)) != -1; ) { objByteArrayOS.write(byteBufferString, 0, readNum); } } catch (IOException e) { e.printStackTrace(); } String videodata = Base64.encodeToString(objByteArrayOS.toByteArray(), Base64.DEFAULT); return videodata; } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值