将base64编码转化成图片

程序员文章站 2022-07-14 19:20:28

...

将base64编码转化成图片，可以使用sofer

sofer下载：

npm i sofer

sofer源代码地址：

https://github.com/shataniya/sofer

使用 sofer搭建服务器

// server.js
const sofer = require("sofer")
const server = new sofer()

server.use(sofer.cors("null"))

server.post("/index",ctx=>{
    // 如果不设置文件的存放路径，那么会默认存放在 media文件夹里
    // 设置文件名为 demo
    ctx.media("demo")
    ctx.body = "server have received the base64 code..."
})

server.listen(3000)

这里主要还是看 ctx.media()函数，可以看看文档：
test.html

<!-- test.html -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <title>获取图片的base64编码</title>
    </head>
    <body>
        <input type="file" name="file" id="inputBox">
        <script src="./node_modules/koso/koso.js"></script>
        <script src="./test.js"></script>
    </body>
</html>

test.js

// test.js
var inputBox = document.getElementById("inputBox")
inputBox.onchange = function(){
    var reader = new FileReader()
    reader.readAsDataURL(this.files[0])
    reader.onload = function(){
        $.post("http://localhost:3000/index",""+reader.result).then(function(data){
            console.log(data)
        })
    }
}