使用Javascript从base64图像数据创建新响应

谭达

我想伪造一个回应。我有png图像的base64字符串数据现在,我想做出回应,但是它不起作用。

我的代码:

const data = "data:image/png;base64,iVBORw0KGgoAAAA...";
const res = new Response(data, {
      status: 200,
      statusText: "OK",
      headers: {
        "Content-Type": "image/png",
        "Content-Length": data.length
      },
    });

我做了一些研究,似乎base64不能仅仅传递给响应机构。它需要转换为缓冲区或类似的东西。

可以像这样在NodeJS中完成 Buffer.from(data, 'base64')

但是我的代码仅在浏览器中。

有什么办法可以实现呢?

奎特龙

base64是一个编码字符串,要获取实际图像,您需要使用将其转换为二进制数据atob这是一个例子:

const b64String = data.split(',')[1];
var byteString = atob(b64String);
var arrayBuffer = new ArrayBuffer(byteString.length);
var intArray = new Uint8Array(arrayBuffer);
for (var i = 0; i < byteString.length; i++) {
    intArray[i] = byteString.charCodeAt(i);
}
var imageBlob = new Blob([intArray], {type: 'image/png'});
const res = new Response(imageBlob, {
  status: 200,
  statusText: "OK",
  headers: {
    "Content-Type": "image/png",
    "Content-Length": imageBlob.size
  },
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JavaScript创建base64编码的图像

来自分类Dev

使用javascript获取base64图像

来自分类Dev

使用xslt解码base64图像数据

来自分类Dev

Javascript:使用base64加载图像不起作用

来自分类Dev

压缩base64数据uri图像

来自分类Dev

压缩base64数据uri图像

来自分类Dev

无效的编码Base64图像数据

来自分类Dev

发布 base64 转换的图像数据

来自分类Dev

从javascript中的base64数据读取图像会生成不同大小的图像

来自分类Dev

使用Base64编码ImageMagick图像

来自分类Dev

使用Laravel发送Base64图像

来自分类Dev

使用循环解码base64图像

来自分类Dev

张贴base64数据JavaScript / jQuery

来自分类Dev

在 angularjs 中使用二进制数据响应(zip 文件)的 base64 预览

来自分类Dev

使用Google Appscript创建图像文件(从Base64到Blob)

来自分类Dev

如何使用HTML5 canvas获得base64格式的正确图像数据

来自分类Dev

使用包含AngularJS中base64数据的变量加载图像src

来自分类Dev

使用Python解析包含来自AWS Lambda的图像的Base64编码数据

来自分类Dev

使用base64编码的数据通过Apps脚本将图像插入Google表格

来自分类Dev

在AngularJS中使用包含base64数据的变量加载图像src

来自分类Dev

使用ajax和表单数据发送base64图像

来自分类Dev

使用 React-Native 中的其他数据从以 base64 存储的 JSON 渲染图像

来自分类Dev

使用FileWriter写入Base64图像后图像损坏

来自分类Dev

上载图像会生成base64数据

来自分类Dev

将本地图像转换为 base64 数据

来自分类Dev

JavaScript使用base64编码的代码减少图像的大小和质量

来自分类Dev

如何使用JavaScript将data:image / png:base64 ...解码为真实图像

来自分类Dev

如何使用Javascript将base64作为图像存储在文件系统中

来自分类Dev

用Javascript同步加载Base64编码的图像

Related 相关文章

  1. 1

    使用JavaScript创建base64编码的图像

  2. 2

    使用javascript获取base64图像

  3. 3

    使用xslt解码base64图像数据

  4. 4

    Javascript:使用base64加载图像不起作用

  5. 5

    压缩base64数据uri图像

  6. 6

    压缩base64数据uri图像

  7. 7

    无效的编码Base64图像数据

  8. 8

    发布 base64 转换的图像数据

  9. 9

    从javascript中的base64数据读取图像会生成不同大小的图像

  10. 10

    使用Base64编码ImageMagick图像

  11. 11

    使用Laravel发送Base64图像

  12. 12

    使用循环解码base64图像

  13. 13

    张贴base64数据JavaScript / jQuery

  14. 14

    在 angularjs 中使用二进制数据响应(zip 文件)的 base64 预览

  15. 15

    使用Google Appscript创建图像文件(从Base64到Blob)

  16. 16

    如何使用HTML5 canvas获得base64格式的正确图像数据

  17. 17

    使用包含AngularJS中base64数据的变量加载图像src

  18. 18

    使用Python解析包含来自AWS Lambda的图像的Base64编码数据

  19. 19

    使用base64编码的数据通过Apps脚本将图像插入Google表格

  20. 20

    在AngularJS中使用包含base64数据的变量加载图像src

  21. 21

    使用ajax和表单数据发送base64图像

  22. 22

    使用 React-Native 中的其他数据从以 base64 存储的 JSON 渲染图像

  23. 23

    使用FileWriter写入Base64图像后图像损坏

  24. 24

    上载图像会生成base64数据

  25. 25

    将本地图像转换为 base64 数据

  26. 26

    JavaScript使用base64编码的代码减少图像的大小和质量

  27. 27

    如何使用JavaScript将data:image / png:base64 ...解码为真实图像

  28. 28

    如何使用Javascript将base64作为图像存储在文件系统中

  29. 29

    用Javascript同步加载Base64编码的图像

热门标签

归档