- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是我的代码,我从 S3 存储桶中获取图像,但结果在缓冲区中,我需要它作为图像。请告诉我这样做
const AWS = require('aws-sdk')
const fs = require('fs')
const express = require('express')
const app = express()
app.get('/', (req, res) => {
const s3 = new AWS.S3({
accessKeyId: '################',
secretAccessKey: '###############################',
region: '###########'
})
const params = {
Bucket: '#########',
Key: '########'
}
s3.getObject(params, (err, rest) => {
res.send(rest)
})
})
app.listen(3000)
输出
{
AcceptRanges: 'bytes',
LastModified: 2020-06-29T10:42:17.000Z,
ContentLength: 338844,
ETag: '"769af0d798cd0486993711bc63340bd0"',
ContentType: 'application/octet-stream',
Metadata: {},
Body: <Buffer ff d8 ff e0 00 10 4a 46 49 46 00 01 01 00 00 01 00 01 00 00 ff db 00 84 00 02 02 02
02 02 02 02 02 02 02 03 03 02 03 03 04 03 03 03 03 04 06 04 04 04 ... 338794
more bytes>
}
最佳答案
TLDR;
/**
* FINAL/WORKING SOLUTION
*/
// ...
app.get('/', (req, res) => {
const s3 = new AWS.S3({
accessKeyId: '-',
secretAccessKey: '-',
region: '-',
});
const params = {
Bucket: '-',
Key: '-',
};
s3.getObject(params, (err, rest) => {
if (err) throw err;
const b64 = Buffer.from(rest.Body).toString('base64');
// CHANGE THIS IF THE IMAGE YOU ARE WORKING WITH IS .jpg OR WHATEVER
const mimeType = 'image/png'; // e.g., image/png
res.send(`<img src="data:${mimeType};base64,${b64}" />`);
});
});
// ...
原始答案
您将需要使用 node
“渲染”图像.. 也就是将响应作为 <img />
发送标签..
// ...
app.get('/', (req, res) => {
const s3 = new AWS.S3({
accessKeyId: '-',
secretAccessKey: '-',
region: '-',
});
const params = {
Bucket: '-',
Key: '-',
};
s3.getObject(params, (err, rest) => {
if (err) throw err;
const b64 = Buffer.from(rest).toString('base64');
// NOTE:
// Because 'rest' appears to be a buffer, you might not
// need to do `Buffer.from(...)`,you may have to do something like:
/** const b64 = rest.toString('base64'); **/
const mimeType = 'image/png'; // e.g., image/png
res.send(`<img src="data:${mimeType};base64,${b64}" />`);
});
});
// ...
编辑 1:
我认为这个问题与数据从 S3 返回给您的方式有关。您可能必须执行类似 rest.Body
的操作。或 rest.body
- 我不确定 S3 中的对象是什么样的。
话虽如此,我保存了this image本地为 sample.png
,并使用下面的代码加载它 - 它工作得很好。这证明问题与 S3 如何将数据返回给您有关。
const fs = require('fs');
const express = require('express');
const app = express();
app.get('/', (req, res) => {
// Simulate getting data from S3 (aka data as buffer)
const rest = Buffer.from(fs.readFileSync('./sample.png'));
console.log('typeof rest = ' + typeof rest + '\r\n\r\n', rest);
// typeof rest = object
//
// <Buffer 89 50 4e 47 0d 0a 1a 0a 00 00 00 0d 49 48 44 52 00 00 01 34 00 00 00 a4 08 03 00 00 00 2e 4e 22 5a 00 00 00 a2 50 4c 54 45 f7 f7 f7 cd 00 00 d1 00 00 ... 6360 more bytes>
const b64 = rest.toString('base64');
const mimeType = 'image/png'; // e.g., image/png
res.send(`<img src="data:${mimeType};base64,${b64}" />`);
});
app.listen(3000);
编辑 2:
看起来您需要这样做:
// ...
app.get('/', (req, res) => {
const s3 = new AWS.S3({
accessKeyId: '-',
secretAccessKey: '-',
region: '-',
});
const params = {
Bucket: '-',
Key: '-',
};
s3.getObject(params, (err, rest) => {
if (err) throw err;
const b64 = Buffer.from(rest.Body).toString('base64');
// IF THE ABOVE LINE DOES NOT WORK, TRY THIS:
// const b64 = rest.Body.toString('base64');
// CHANGE THIS IF THE IMAGE YOU ARE WORKING WITH IS .jpg OR WHATEVER
const mimeType = 'image/png'; // e.g., image/png
res.send(`<img src="data:${mimeType};base64,${b64}" />`);
});
});
// ...
关于node.js - 如何使用nodejs将缓冲区转换为图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62708802/
这个问题在这里已经有了答案: Possible to make an event handler wait until async / Promise-based code is done? (2
我经常有多个运行的进程(R,Python,eshell/shell),对于每个进程,我经常都有一个相关的脚本,可以从中发送摘要。为此,我通常将每个框架垂直地分成两个窗口,以便脚本文件(例如.py)位于
如何修改 emacs 在关闭缓冲区后选择要显示的缓冲区的方式? 当我有多个列显示相同的缓冲区,然后在其中一个缓冲区中打开另一个文件,然后关闭新打开的缓冲区时,它不会切换回前一个缓冲区,而是切换到另一个
如何将 ex 命令复制到剪贴板或粘贴到缓冲区? 在 Windows 上使用 gvim。 最佳答案 windows剪贴板可以通过the buffer + 访问.因此,可以使用 + 将剪贴板粘贴为前命令。
在 javascript 中如何以比以下更简单的方式获取 b 缓冲区? var num=6553599 var a = new Buffer(4); a.writeInt32LE(num)
每次我在 Google 上搜索有关 OpenGL 编程的文章时,我都会找到一些文章,但似乎所有文章都提到了着色器和缓冲区。那些是什么?你能解释其中的一些吗: 深度缓冲区 模板缓冲区 像素着色器 帧缓冲
我有java考试,当我学习时,我看到了这个练习,我尝试解决它,但我发现一些困难,所以请帮助我考虑实用程序中方法的以下注释、 header 和部分代码名为 Atbash 的加密类。 /**
每次我在 Google 上搜索有关 OpenGL 编程的文章时,我都会找到一些文章,但似乎所有文章都提到了着色器和缓冲区。那些是什么?你能解释其中的一些吗: 深度缓冲区 模板缓冲区 像素着色器 帧缓冲
对于每个属性使用跨步顶点缓冲区与紧密打包缓冲区有何优缺点?我的意思是例如: 步幅:xyzrgb xyzrgb xyzrgb 紧:xyzxyzxyz rgbrgbrgb 乍一看,使用步幅时您似乎可以轻松
我正在尝试将文本文件中每行的数字读取到 ArrayList 中。当我执行以下函数时,它总是跳过最后一个元素。有人可以帮我吗?因为我在这里没有遇到问题,因为它读取直到缓冲区为空,所以他应该在到达 Fil
#include #include int main () { time_t time_raw_format; struct tm * ptr_time; char *buff
基本上我有一个包含不同类型数据的自定义结构。例如: typedef struct example_structure{ uint8_t* example_1[4]; int example_2[4];
我之前的列表实现是一个简单的 LinearLayout,位于一个装满我的项目的 ScrollView 中。 我切换到 ListView 的 Android 实现以简单地使用 CursorAdapter
我想创建一个可变长度的输入事件窗口/缓冲区,当它接收到额外的事件时会变长。 这是为了实现“键入时搜索”功能。我想捕获点击,但为了不给服务器造成压力,我想明智地进行服务调用。 我想到的逻辑是缓冲击键,从
我想将 yuv420P 像素写入缓冲区而不是二进制文件。假设我在指针中存储了 luma 、 Cb 和 Cr。 luma = output_pixel.luma; cb = output_pixel.c
我想在 Go 中构建一个支持多个并发读取器和一个写入器的缓冲区。所有写入缓冲区的内容都应由所有读者读取。允许新读者随时加入,这意味着已经写入的数据必须能够为迟到的读者回放。 缓冲区应满足以下接口(in
本文转载自微信公众号「小明菜市场」,作者小明菜市场。转载本文请联系小明菜市场公众号。 前言 Java NIO 需要理解的主要有缓冲区,通道,选择器,这三个主要的部分。 基础
一 点睛 NIO,可以称为 New IO 或 Non Blocking IO,是在 JDK 1.4 后提供的新 API。传统的I/O 是阻塞式的 I/O、面向流的操作;而 NIO 是非阻塞 I/O 、
我正在寻找一种切换到包含搜索文本的缓冲区的方法。 例如。如果我打开了 100 个缓冲区,我想切换到一个包含 'fooBar = 1' 的缓冲区 最佳答案 我写了一个 Vim 插件来做到这一点:buff
我正在尝试将提取的视频帧(我使用 ffmpeg)推送到 FFMPEG 缓冲区中。我已经查看了 ffmpeg 的缓冲区源文件,例如 buffersrc.c 和 fifo.c,以确定我是否可以这样做,但我
我是一名优秀的程序员,十分优秀!