js base64 转成图片上传

最新推荐文章于 2024-01-19 15:15:31 发布

原创

最新推荐文章于 2024-01-19 15:15:31 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #html5 #canvas

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

上代码，要点就是把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" height=<