问如何在javascript文件中使用nodeJS
EN

Stack Overflow用户

提问于 2018-09-27 22:52:47

回答 2查看 56关注 0票数 0

我想使用我的nodeJS的输出。这是我的代码

var fs = require('fs'); //File System
var rutaImagen = 'C:/Users/smontesc/Desktop/imagenes1/'; //Location of images
fs.readdir(rutaImagen, function(err, files) {
    if (err) { throw err; }
    var imageFile = getNewestFile(files, rutaImagen);
    //process imageFile here or pass it to a function...
    console.log(imageFile);
});

function getNewestFile(files, path) {
    var out = [];
    files.forEach(function(file) {
        var stats = fs.statSync(path + "/" +file);
        if(stats.isFile()) {
            out.push({"file":file, "mtime": stats.mtime.getTime()});
        }
    });
    out.sort(function(a,b) {
        return b.mtime - a.mtime;
    })
    return (out.length>0) ? out[0].file : "";
}

结果是console.log(imageFile)，我想在我的javascript项目中调用它的结果，比如

<script>
  document.write(imageFile)
</script>

所有这些都是为了在目录中创建最新的文件，因为我不能直接在JS上这样做。

非常感谢

javascript

node.js

回答 2

Stack Overflow用户

发布于 2018-09-27 23:29:39

首先，关于浏览器和web服务器的客户端/服务器关系是如何工作的，我们需要建立一些基本的东西。这将为讨论解决您的问题提供一个框架。

图像不是通过document.write()在浏览器中显示的，而是通过在文档中插入指向特定图像的URL的图像标记来显示的。
要使网页从服务器获取某些结果，它必须在最初从服务器获取网页时将该结果嵌入到网页中，或者网页中的Javascript必须使用Ajax请求从服务器请求信息。Ajax请求是一个http请求，其中网页中的Javascript形成http请求，该http请求被发送到您的服务器，您的服务器接收该请求并发回响应，web页面中的Javascript接收到该响应，然后可以对其进行处理。
要实现网页从后端请求某些数据的功能，您必须在后端有一个web服务器，该服务器可以响应从网页发送的ajax请求。你不能只是在你的服务器上运行一个脚本，然后神奇地修改浏览器中显示的网页。如果没有前面几点中描述的结构类型，则您的web页面与显示的服务器完全没有连接。网页无法直接访问您的服务器文件系统，服务器也无法直接访问所显示的网页。

有许多可能的方案来实现这种类型的连接。我认为最好的做法是定义一个图像URL，当任何浏览器请求时，它都会返回服务器上特定目录中最新图像的图像。然后，您只需将该特定的URL嵌入到您的web页面中，只要该图像被刷新或显示，您的服务器就会向其发送该图像的最新版本。您的服务器可能还需要通过设置适当的缓存头来确保浏览器不会缓存该URL，这样它就不会错误地只显示该图像以前缓存的版本。

该网页可能如下所示：

<img src='http://mycustomdomain.com/dimages/newest'>

然后，您在mycustomdomain.com上设置了一个可公开访问的web服务器(从开放的互联网-显然您选择了自己的域)，可以访问所需的图像，并在该web服务器上创建一条响应/dimages/newest请求的路由。

使用Express作为您的web服务器框架，可能如下所示：

const app = require('express')();
const fs = require('fs');
const util = require('util');
const readdir = util.promisify(fs.readdir);
const stat = util.promisify(fs.stat);

// middleware to use in some routes that you don't want any caching on
function nocache(req, res, next) {
    res.header('Cache-Control', 'private, no-cache, no-store, must-revalidate, proxy-revalidate');
    res.header('Expires', '-1');
    res.header('Pragma', 'no-cache');
    next();
}

const rutaImagen = 'C:/Users/smontesc/Desktop/imagenes1/'; //Location of images

// function to find newest image
// returns promise that resolves with the full path of the image
//    or rejects with an error
async function getNewestImage(root) {
    let files = await readdir(root);
    let results = [];
    for (f of files) {
        const fullPath = root + "/" + f;
        const stats = await stat(fullPath);
        if (stats.isFile()) {
            results.push({file: fullPath, mtime: stats.mtime.getTime()});
        }
    }
    results.sort(function(a,b) {
        return b.mtime - a.mtime;
    });
    return (results.length > 0) ? results[0].file : "";            
}

// route for fetching that image
app.get(nocache, '/dimages/newest', function(req, res) {
    getNewestImage(rutaImagen).then(img => {
        res.sendFile(img, {cacheControl: false});
    }).catch(err => {
        console.log('getNewestImage() error', err);
        res.sendStatus(500);
    });
});

// start your web server
app.listen(80);

票数 2

Stack Overflow用户

发布于 2018-09-27 23:10:19

为了能够在your Javascipt project中使用产生的，我们必须创建一个具有响应imageFile的特定路由的API。然后，在您的Javascript项目中，您可以使用XMLHttpRequest (XHR)对象或Fetch API与服务器进行交互，以获得结果。

核心思想是我们绝对需要服务器端和客户端编程来执行该功能。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52546113

复制

【说站】NodeJS如何在文件中追加内容

node.js

2、appendFile()可以接收三个参数，第一个是路径，第二个是内容，第三个是回调函数，执行node learnNode.js即可。

很酷的站长

2022/11/24

2.9K0