file文件转为base64

简介: file文件转为base64

场景描述


在工作中,我们经常需要进行文件上传。


比如在进行图片上传的时候,


我们需要将上传的图片展示出来。


这个时候我们就需要将file文件转化为base64。


将file文件转化为base64


// 将file文件上传转化为base64进行显示
function 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)
    })
}


使用


getBase64( file文件 ).then(res=>{
  //成功你做的事情
}).catch(err=>{
  //失败你做的事情
})
相关文章
|
2月前
|
编译器 API C语言
C/C++ 获取文件名的方法:分享一些实用的获取文件名的方法和技巧(__FILE__,__builtin_FILE(),__BASE_FILE__等)
C/C++ 获取文件名的方法:分享一些实用的获取文件名的方法和技巧(__FILE__,__builtin_FILE(),__BASE_FILE__等)
50 0
|
24天前
|
C#
C# File.Copy介绍
C# File.Copy介绍
|
2月前
|
存储 前端开发 JavaScript
前端base64转file文件方法
前端base64转file文件方法
68 0
|
6月前
指定的 filePath 文件不存在
指定的 filePath 文件不存在
23 2
base64转图片的时候Can't read input file!
如果不去掉编码中的图片头信息,就会报Can't read input file!。 一开始还以为是文件路径格式有问题,然后看了看我之前用的,就有一个区别就是没有去头信息。
FILE
FILE
90 0
Can‘t read file : End of file found 文件:txn_current、current svn无法正常读取文件
Can‘t read file : End of file found 文件:txn_current、current svn无法正常读取文件
Can‘t read file : End of file found 文件:txn_current、current svn无法正常读取文件
|
Linux Windows
SVN更新被Locked,Can't open file 'folder/.svn/tmp/text-base/file.svn-base'
SVN更新被Locked,Can't open file 'folder/.svn/tmp/text-base/file.svn-base'
136 0
SVN更新被Locked,Can't open file 'folder/.svn/tmp/text-base/file.svn-base'
|
JavaScript PHP
Base64初探
base64是一种编码格式。
904 0
Base64初探
|
Python
6.2 file 写文件
#!/usr/bin/env python # -*- coding:utf-8 -*- #@Time      :2017/10/27 22:15 #@Author    :zhouyuyao #@File      :file_write.
666 0