首页 > 其他分享 >el-upload file转blob 用于预览pdf.js和下载文件

el-upload file转blob 用于预览pdf.js和下载文件

时间:2023-09-16 11:24:06浏览次数:37  
标签:el const upload js callback blob file reader type

   // file转blob
    fileToBlob(file, callback) {
      const type = file.type;
      const reader = new FileReader();
      reader.onload = (evt) => {
        const blob = new Blob([evt.target.result], { type });
        if (typeof callback === "function") {
          callback(blob);
        } else {
          console.log("我是 blob:", blob);
        }
      };
      reader.readAsDataURL(file);
    },
 
    analyzeZip(file) {
      const _file = file.raw;
      this.fileToBlob(_file, async (blob) => {
        console.log(blob);
      
      });

 

标签:el,const,upload,js,callback,blob,file,reader,type
From: https://www.cnblogs.com/freddyhuang/p/17706470.html

相关文章

  • Linux 6.6 中的 SELinux 删除了 NSA 的引用
    导读SecurityEnhanced Linux (SELinux)二十年来一直是主线内核的一部分,它提供了一个实现访问控制安全策略的模块,现在广泛用于增强生产Linux服务器和其他系统的安全性。长期接触Linux的人可能不知道SELinux源自美国国家安全局(NSA)。但是现在Linux6.6中NSA的引......
  • 20230916 AccessVBA-导入Excel表格到表
    导入excel表格内容到数据表,关键语句为TransferSpreadsheet,eg:DoCmd.TransferSpreadsheetacImport,,"toolShopeeId","d:\access\DownloadShopeeId",True,""关于参数详细信息参见MS帮助参数1acImport表示从excel导入到数据表参数2“toolShopeeId”,数据库里要导入到的数......
  • 实验excel隐藏和筛选对python和xlwings的影响(完整版) 特别是如何对未筛选行赋值,需逐
    目的:实验excel隐藏和筛选对python和xlwings的影响(完整版)特别是如何对未筛选行赋值,需逐行赋值,range(行,列).value环境:JupyterNotebook其他环境需删除display函数代码:classClass_1:globalpd,np,os,xwimportpandasaspd,numpyasnpimportosimpo......
  • FastAPI学习-14. JSONResponse 返回JSON内容
    当你创建一个 FastAPI 路径操作 时,你可以正常返回以下任意一种数据:dict,list,Pydantic模型,数据库模型等等。FastAPI 默认会使用 jsonable_encoder 将这些类型的返回值转换成JSON格式,默认情况下会以content-type:application/json格式返回在有些情况下,我们需要在路径操......
  • Codeforces Global Round 17 A. Anti Light's Cell Guessing
    给一个\(n\timesm\)的网格,里面藏了一个炸弹\((x_0,y_0)\)。你可以选择\(k\)个坐标\((x_1,y_1),(x_2,y_2),\cdots,(x_k,y_k)\)。第\(i\)次选择计算机会回复你一个数\(d_i=|x_0-x_i|+|y_0-y_i|\)。至少需要选出多少个坐标才能确定\((x_0,y_0)\)的位......
  • Deltix Round, Autumn 2021 (open for everyone, rated, Div. 1 + Div. 2) A. Divide
    有一个长为\(n\)的数组,可以执行以下整份操作任意次:选择任意两个数\(a_i,a_j\),满足\(2\mida_i\)\(a_i=\frac{a_i}{2}\)\(a_j=2\cdota_j\)请找到经过任意此操作后的最大\(\sum_{i=1}^{n}a_i\)。在唯一分解定理下讨论两个数\(a_i=2^{\alpha_i}\cdotx,a......
  • ElementPlus里的类型别名声明及使用
    前言最近刚开始使用ts,定义的变量总是不知道类型,特别是第三方库中,更是不知道有哪些类型,笨人本办法,遇到一个就记录一下,方便我下次使用查询组件实例我们通过组件的ref属性获取组件实例时,定义的实例变量需要指定类型。下面是常见的一些组件实例类型el-scrollbar<template><el-......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......