Question

我正在尝试弄清楚如何从桌面将图像导入.js文件。

$(CXXARCH)

Answer 1

使用节点的内置文件系统模块。

var fs = require('fs');

在W3schools.com上给出的示例：

fs.readFile('picture.jpg', function(err, data) {
    ...
    ...
});

就您的代码而言，DOM操纵的js不应包含在服务器端代码中。例如：

var div = document.getElementById('foo');

应将其移至客户端文件。

See this Stack Overflow answer about importing images。

Answer 2

好吧，首先，这些代码是服务器端的，因此您不能使用函数document.getElementById。现在，如果您想在客户端请求特定端点时将其发送给客户端，则可以轻松完成。

import fs from 'fs';
import express from 'express';
const app = express();
app.get('/sendImage', (req, res) => {
    const readStream = fs.createReadStream('path/to/image.jpeg');
    readStream.pipe(res);
});

在客户端，您可以显示这样的图像

<img src='localhost:11111/sendImage' />

从桌面将图像导入JavaScript代码的简单方法？

2 个答案: