当前位置: 首页 > news >正文

将pdf或者word转换成base64格式

 废话不多说直接上代码:

function fileToBase64(file) {
	return new Promise((resolve, reject) => {
		const reader = new FileReader();
		reader.readAsDataURL(file);
		reader.onload = function (event) {
			const base64Data = event.target.result.split(',')[1];
			resolve(base64Data);
		};
		reader.onerror = function (error) {
			reject(error);
		};
	});
}

FileReader:

FileReader 接口允许 Web 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。

文件对象可以从用户使用 <input> 元素选择文件而返回的 FileList 对象中获取,或者从拖放操作的 DataTransfer 对象中获取。

FileReader 只能访问用户明确选择的文件内容,无论是使用 HTML <input type="file"> 元素还是通过拖放。它不能用于从用户的文件系统中按路径名读取文件。要按路径名读取客户端文件系统上的文件,请使用文件系统访问 API。要读取服务器端文件,请使用 fetch(),如果跨源读取,则需要 CORS 权限。

二.code html5 标签

<p>
  函数
  <code>selectAll()</code>
  将高亮显示输入字段中的所有文本,以便用户可以复制或删除文本。
</p>

注意:

要表示多行代码,可在 <pre> 元素中封装 <code> 元素。<code> 元素本身只能表示一段代码短语或一行代码。

可为 code 选择器定义 CSS 规则,以覆盖浏览器的默认字体。用户设置的首选项可能优先于指定的 CSS。

<pre>
<code></code>
</pre>

相关文章:

  • 设计心得——多态
  • 沐数科技数据开发岗笔试题2025
  • Unity开发中对象池设计与使用
  • Ansible 自动化运维
  • Docker容器命令速查表
  • Leetcode 刷题笔记1 动态规划part11
  • ICLR2025 | SLMRec: 重新思考大语言模型在推荐系统中的价值
  • Linux系统之less命令的基本使用
  • 【HTML】三、表单与布局标签
  • Linux磁盘与存储管理:从“空间不足”到“存储大亨”
  • C 语言实现彩票模拟:指针与数组的巧妙运用
  • SonarQube安装及结合IDEA使用详细教程(2025适配版)
  • 前端高级CSS用法
  • Blender-MCP服务源码3-插件开发
  • 路局的上道检修过程中,利用AI视觉技术对轨道两旁设备设施进行检修
  • 【2025最新】深度学习框架PyTorch——从入门到精通(1)下载与安装
  • 面试系列|蚂蚁金服技术面【1】
  • 动手学深度学习:CNN和LeNet
  • ctf-web:php反序列化逃逸 -- GHCTF Escape!
  • Linux和RTOS简析
  • 梅花奖在上海丨好戏在上海不缺观众,冷门剧种叫好又叫座
  • 韦尔股份拟更名豪威集团:更全面体现公司产业布局,准确反映未来战略发展方向
  • 六旬老人举报违建后遭蒙面袭击续:海南陵水县住建局已暂停俩房产项目网签
  • 台陆委会将欧阳娜娜等20多名艺人列入重要查核对象,国台办回应
  • 周慧芳任上海交通大学医学院附属上海儿童医学中心党委书记
  • 大学2025丨苏大教授王尧:文科最大的危机是阐释世界的能力弱化