js base64 转成图片上传

原创

于 2021-08-05 13:55:59 发布 · 1.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #html5 #canvas

本文介绍如何使用JavaScript将Base64编码的图片转换为Blob对象，并通过HTML5的FormData接口上传到服务器，实现与上传本地图片文件相同的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上代码，要点就是把base64转成Blob，添加到FormData传递给后台程序，跟选择图片文件上传时一样的了。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
  <canvas id="canvas1" width="200px"

最低0.47元/天解锁文章