NodeJS

使用fs.readFileSync

1
2
3
4
5
6
const path = require("path");
const fs = require("fs");

const res = fs.readFileSync(path.resolve("./logo.png"))

console.log(`data:image/png;base64,${res.toString("base64")}`)

Brower

使用FileReader

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<img style="width: 50px;" id="img">
<input id="fileupload" type="file">

<script>
    const el = document.querySelector("#fileupload");
    const img = document.querySelector("#img");

    const reader = new FileReader();
    reader.addEventListener("load", function(e){
        console.log(e.result)
        img.src = reader.result;
    });
    el.addEventListener("change", function(e){
        const file = e.target.files[0];
        reader.readAsDataURL(file);
    })
</script>

最后更新： 2024年02月27日 20:57