当前位置: 首页 > 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简析
  • 十四届全国人大常委会举行第四十三次委员长会议 ,听取有关草案和议案审议情况汇报
  • 见证上海援藏30年成果,萨迦非遗珍品展来沪
  • 校长套取学生伙食费设小金库,重庆通报6起违反八项规定典型问题
  • 国家统计局:一季度规模以上工业企业利润延续持续恢复态势
  • “70后”通化市委书记孙简已任吉林省政府领导
  • 解码人格拼图:探索心理健康的多维视角