麻烦w/返回的随机图像在我的定义API

Question 1

我的工作我自己的api，使用表达和节点JS和我做的东西回猫的图像。这是我在哪的随机搞笑的猫的图像。

app.get("/media/bigfootjinx", (req, res, next) => {
    let file = Math.floor(Math.random()*catarray.length)
        let fileurl = catarray[file]
        let fileimg = fetch(fileurl)
    let img = Buffer.from(fileimg, 'base64');
    res.writeHead(200, {
        'Content-Type': 'image/png',
        'Content-Length': img.length
    });
    res.end(img); 
});

我的目标是获得一个随机的猫的图像回，他们都是在png并链接到一个不和谐cdn。错误im不断越来越是这样的。

TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received an instance of Promise
    at Function.from (buffer.js:330:9)
    at /home/runner/api/index.js:21:22
    at Layer.handle [as handle_request] (/home/runner/api/node_modules/express/lib/router/layer.js:95:5)
    at next (/home/runner/api/node_modules/express/lib/router/route.js:137:13)
    at Route.dispatch (/home/runner/api/node_modules/express/lib/router/route.js:112:3)
    at Layer.handle [as handle_request] (/home/runner/api/node_modules/express/lib/router/layer.js:95:5)
    at /home/runner/api/node_modules/express/lib/router/index.js:281:22
    at Function.process_params (/home/runner/api/node_modules/express/lib/router/index.js:335:12)
    at next (/home/runner/api/node_modules/express/lib/router/index.js:275:10)
    at expressInit (/home/runner/api/node_modules/express/lib/middleware/init.js:40:5)

我使用一个replit node.js 的项目，如果任何人都很好奇.

Question 2

取的是一种承诺，因此需要等待获取和返回blob响应

app.get("/media/bigfootjinx", async (req, res, next) => {
    let file = Math.floor(Math.random()*catarray.length)
        let fileurl = catarray[file]
        let response = await fetch(fileurl)
        let fileimg = await response.blob()
    let img = await blobToBase64(fileimg);
    res.writeHead(200, {
        'Content-Type': 'image/png',
        'Content-Length': img.length
    });
    res.end(img); 
});

的转换从blob base64功能：

function blobToBase64(blob) {
  return new Promise((resolve, _) => {
    const reader = new FileReader();
    reader.onloadend = () => resolve(reader.result);
    reader.readAsDataURL(blob);
  });
}

Question 3

下列代码行被引起的错误：

let img = Buffer.from(fileimg, 'base64');
let fileimg = fetch(fileurl)

的 fetch() 功能将返回 Promise<Buffer>. 你只需要等待对所获取的结果。这可以实现这样的：

let fileimg = await fetch(fileurl)
let img = Buffer.from(fileimg, 'base64');

注意你的回呼功能得到终点已经被异步：

app.get("/media/bigfootjinx", async (req, res, next) => {

Tevko · Answer 1 · 2021-11-23T20:15:54

取的是一种承诺，因此需要等待获取和返回blob响应

app.get("/media/bigfootjinx", async (req, res, next) => {
    let file = Math.floor(Math.random()*catarray.length)
        let fileurl = catarray[file]
        let response = await fetch(fileurl)
        let fileimg = await response.blob()
    let img = await blobToBase64(fileimg);
    res.writeHead(200, {
        'Content-Type': 'image/png',
        'Content-Length': img.length
    });
    res.end(img); 
});

的转换从blob base64功能：

function blobToBase64(blob) {
  return new Promise((resolve, _) => {
    const reader = new FileReader();
    reader.onloadend = () => resolve(reader.result);
    reader.readAsDataURL(blob);
  });
}

啊我的道歉，你会需要进口包装从国家预防机制，使FileReader API在一个节点的环境-这里是一个受欢迎的一： openbase.com/js/filereader

kara · Answer 2 · 2021-11-23T20:21:13

下列代码行被引起的错误：

let img = Buffer.from(fileimg, 'base64');
let fileimg = fetch(fileurl)

的 fetch() 功能将返回 Promise<Buffer>. 你只需要等待对所获取的结果。这可以实现这样的：

let fileimg = await fetch(fileurl)
let img = Buffer.from(fileimg, 'base64');

注意你的回呼功能得到终点已经被异步：

app.get("/media/bigfootjinx", async (req, res, next) => {

麻烦w/返回的随机图像在我的定义API

的问题

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别