JavaScript 视频、图片转成Base64格式

不想成为大佬的菜鸟不是好菜鸟

已于 2023-11-08 17:53:45 修改

阅读量3.7k

点赞数

分类专栏：前端文章标签： javascript html java

于 2021-09-07 19:56:55 首次发布

本文链接：https://blog.csdn.net/weixin_44415787/article/details/120165313

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

前言
一、问题来源
二、使用步骤
三、源代码
四、效果截图
五、总结

前言

一、问题来源

今天遇见一个实人认证的测试，需要传输视频进行测试，格式为base64，
正在我晚上搜索的时候，老大直接发给我一个HTML文件，告诉我就可以转换了（ps：老大告诉我这份代码也是从网上所得）

二、使用步骤

1.点击上传视频文件。
2.复制console控制台中转换成功的格式数据
3.去除“base64,”之前的包括“base64,”，即可得到完整的base64数据格式

三、源代码

<html>
<body>
<input type="file" name="imgs" id="imgs" value="" onchange="return filechange()"/>
</body>
<script>
    function filechange(){
 
        var img = event.target.files[0];  //选择的文件
 
        let reader = new FileReader()
 
        reader.readAsDataURL(img);
        // reader.readAsArrayBuffer(img)
 
        reader.onload=function(e){
            // console.log(11);
            var dataBase64= e.target.result; //result是你读取到的文件内容，此属性读取完成才能使用
            console.log(dataBase64)
            //dataBase64即为图片转码后的base64数据
        }
    }
    document.getElementById('imgs').onclick = function(e) {
        e.target.value = ''
    }
</script>
</html>

四、效果截图

在这里插入图片描述

五、总结

新手小白，刚上路，有许多知识不清楚，还望大家多多指点一下我，谢谢啦，继续加油啊，冲冲冲。

不想成为大佬的菜鸟不是好菜鸟

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
JavaScript 视频、图片转成Base64格式

文章目录前言一、问题来源二、使用步骤三、源代码四、效果截图五、总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、问题来源今天遇见一个实人认证的测试，需要传输视频进行测试，格式为base64，正在我晚上搜索的时候，老大直接发给我一个HTML文件，告诉我就可以转换了（ps：老大告诉我这份代码也是从网上所得）二、使用步骤1.点
复制链接

扫一扫