首页 > 其他分享 >将file文件上传转化为base64进行显示

将file文件上传转化为base64进行显示

时间:2023-01-13 10:57:45浏览次数:44  
标签:文件 const base64 result file reader 上传

export const getBase64 = (file) => {
    return new Promise((resolve, reject) => {
        ///FileReader类就是专门用来读文件的
        const reader = new FileReader()
        //开始读文件
        //readAsDataURL: dataurl它的本质就是图片的二进制数据, 进行base64加密后形成的一个字符串,
        reader.readAsDataURL(file)
        // 成功和失败返回对应的信息,reader.result一个base64,可以直接使用
        reader.onload = () => resolve(reader.result)
        // 失败返回失败的信息
        reader.onerror = error => reject(error)
    })
}

 

标签:文件,const,base64,result,file,reader,上传
From: https://www.cnblogs.com/pzj123/p/17048852.html

相关文章

  • 4GB以上超大文件上传和断点续传服务器的代码
    ​ 最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。在某些业务中,大文件上传是一个比较重要的......
  • js中base64转blob
    //将base64转换为blobexportconstdataURLtoBlob=(dataurl)=>{letarr=dataurl.split(','),mime=arr[0].match(/:(.*?);/)[1],bstr=a......
  • python 远端url转成文本对象上传AWS
    上传文件到AWS及其他资源池defupload_initial_avatar(recruiter,image_object):try:file_path=recruiter.avatar_dir_path(image_object.name.split(......
  • Dockerfile 构建命令 及 dockerfile 设置默认时区
    文章目录  前言  一、Ubuntu下更改为UTC+8  二、Alpine下更改为UTC+8  三、centos更改时区  引用前言官方镜像dockerfile的时区默认UTC。更......
  • python | base64隐写
    python|base64隐写闲得无聊写了一个base64隐写库。叫b64steg安装直接pipinstallb64steg即可。项目地址:https://github.com/Mz1z/b64steg......
  • 性能测试|JMeter上传下载文件
    日常工作中,我们难免会遇到有些接口是要上传文件的,比如修改头像、上传证件,上传文档等等情况。### 抓取接口抓取接口的工具有很多,我们可以使用浏览器自带的开发者工具,也可以......
  • Summernote 图片上传
    Summernote默认是插入Base64格式的图片,图片并没有上传到服务器。可以通过API自行实现,官方文档:https://summernote.org/deep-dive/#insertnode插入图片://@param{......
  • python requests函数处理文件上传
    问题:如何使用python的requests函数来发送一个“文件上传”的接口? 一:首先得打开文件,file={'文件参数名':open('文件路径','rb')} “文件路径”好理解,但是“......
  • library initialization failed - unable to allocate file descriptor table - out o
    1.报错日志libraryinitializationfailed-unabletoallocatefiledescriptortable-outofmemory/cm-server/aiboxCloud-web/boot/entrypoint.sh:line2:  ......
  • SiteFactory编辑器支持Word文档上传
    ​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传wordjson配置在ueditor\php\config.json中新增如下配置:     /* 上传word配置 */    "wordAction......