前言

提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、问题来源

今天遇见一个实人认证的测试，需要传输视频进行测试，格式为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>

四、效果截图

五、总结

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

JavaScript 视频、图片转成Base64格式相关推荐

elementUI压缩图片和将图片转成base64格式
为了降低资源服务器的消耗.有些时候需要前端压缩图片,转码等一些处理. 一.Base64的优点和缺点图片转换成base64格式的优缺点 1. 优点 (1)base64格式的图片是文本格式,占用内存小, ...
mysql 事物gljbie_图片转成base64格式上传至数据库
图片上传上传 var fileInput = document.getElementById("image_upload"); //选择文件 fileInput.addEvent ...
图片转成base64格式上传至数据库
<!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title ...
js将图片或者文件转成base64格式的两种方法
场景一,项目assets资源里面的图片本地图片,重点如下需要了解 canvas的基本操作,canvas.toDataURL 方法 HTMLCanvasElement.toDataURL() 方法返回 ...
JavaScript 通过HTML的FileReader把图片转成base64
刚接触到一个内联图片的概念,内联图片即使把图片文件编码成base64 看下面代码即是内联问题代码如下: <img src="data:image/jpeg;base64,/9j/4Q ...
JAVA解析html文档，替换img图片路径成base64编码，并将文章存入数据库
转载自 JAVA解析html文档,替换img图片路径成base64编码,并将文章存入数据库开发环境:struts2+ spring + hibernate 数据库:oracle 需求:在HTML编 ...
将链接转成base64格式生成二维码和把页面生成图片
将链接转成base64格式 function getUrlBase64 (url, etx, callback) {var canvas = document.createElement('canva ...
win下海康工业相机使用python读取视频并转换成cv格式
硬件设备:海康威视工业相机CA013-A0UC USB3 环境:win10,python3.7,海康MVS 海康工业相机环境配置(MVS) 配置好环境后可以运行一下MVS和MVS\Developmen ...
Flutter：把本地相册图片转换成Base64的方法
前言在Flutter开发中,关于图片上传和展示也是常用必用的操作,尤其是在设置APP用户的头像信息,以及上传背景图的操作.关于Flutter开发中图片的上传和展示也是比较常用的操作,也有对应的组件和 ...
java将图片转成Base64编码，并压缩至40k
1.添加jar包  <dependency><groupId>net.coobird</groupId><artifact ...

JavaScript 视频、图片转成Base64格式

文章目录

前言