- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 EJS 开发一个非常简单的 NodeJS 服务器。这个小服务器必须呈现一个小的 HTML 页面,里面只有一行文本和一个 jpg 文件。
一切正常,但 jpg 文件:服务器未加载此文件。
在代码中我已经指定了 express.static 路径但无事可做。
我在本地(在我的 2 台计算机上)尝试过,在我家里,一切正常。在远程服务器上尚未加载 jpg。我尝试了 2 个不同提供商的 2 个不同服务器,但结果是一样的。
这是我的 image.js 文件
const http = require("http")
var url = require("url")
const express = require("express");
const appExpress = express();
const router = express.Router();
const application_root = __dirname;
const application_port = 5000
appExpress.engine("html", require('ejs').renderFile);
appExpress.use("/", router);
appExpress.use(express.static(application_root + "/public"));
appExpress.get("*", function (req, res, next) {
res.render((application_root + "/public/indice.html"), {})
next();
});
// *********** CARICAMENTO PAGINA PRINCIPALE *************
function caricaPagina(res, tipologia_domande) {
res.render((application_root + "/public/indice.html"), {})
}
appExpress.listen(application_port, (req, res) => {
console.log(`Listening on port ${application_port}`);
})
这是我的 index.html 文件
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta charset="UTF-8">
<title>Prova caricamento immagine</title>
</head>
<body>
<div><img src="public/images/Sfondi/Slider.jpg"></div>
Testo di prova per caricamento pagina
</body>
</html>
如您所见,该项目非常非常简单且很小,但我对此非常着迷:-(
感谢任何人都会帮助我:-)
* 更新 *
我试着运行这段代码
appExpress.get('/', (req, res) => res.sendFile(application_root + '/public/images/Sfondi/Slider.jpg'));
此代码没问题,图像已正确加载。所以这不是路径问题而是html加载问题。html和图像文件是否存在res.render()问题?
* 更新 2 *
好的,情况是这样的:如果我使用此代码(使用 sendFile 函数),中间件加载 html 页面 加载图像但不执行 html 页面内的 javascript 代码。
res.sendFile(path.join(__dirname + "/public/indice.html"), {path_image:path_image})
如果我选择使用此代码 (res.render),中间件将在 html 页面内执行 javascript,但不会加载图像。
res.render((application_root + "/public/indice.html"), {path_image:path_image})
有人能解决这个令人难以置信的问题吗?我阅读了所有网络,但似乎只有我有这个问题。
非常感谢:-)
最佳答案
您直接在主路由上提供公共(public)文件夹,因此您的图像将无法通过 http://yourserver/public/images/...
访问,而是通过 http 访问://yourserver/images/
.
我不会保留它,因为对于每个请求,Express 都必须检查本地文件夹是否存在文件。将文件服务移动到/public 是有意义的:
appExpress.use("/public", express.static(application_root + "/public/"));
关于javascript - 中间件 EJS 不呈现任何 JPG 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57628365/
我的目录中有一堆图像(100+),它们的名称都不同。有什么方法可以将它们重命名为 0.jpg、1.jpg、2.jpg 等,可能使用脚本(我运行的是 Windows),而不必单独重命名每个文件?如果在
文件的顺序由可以嵌入文件名中的数字确定,但有时嵌入在名称的开头,例如文件1.txt文件2.txt文件3.txt文件10.txt文件11.txtETC..或者1.txt2.txt10.txt等. 重命名
我有一个 inotify 等待脚本,只要检测到文件已上传到源目录,它就会将文件从一个位置移动到另一个位置。 我面临的挑战是我需要保留文件的基本名称并将以下扩展名:.JPEG、.JPG、.jpeg 转换
我有一段代码可以上传图像并创建缩略图,只要扩展名是小写的 jpg,但如果是大写的 JPG,它就不会上传图像。当我重命名图像时,例如example.JPG 到 example.jpg,它会上传。但是 e
我必须缩小和解压缩一组大小为 4608 x 3456 的 JPG 图像。目前,我已经能够将图像正确解压缩为 RGB 格式并将它们转换为位图。 现在我需要实现缩小,根据我目前所读到的正确缩小图像的内容,
这个问题困扰我好久了。我正在尝试在 PHP 中加载图像,但是有 jpg 和 JPG 图像,当我尝试通过 jpg 加载图像时,找不到 JPG 图像(显然) $img1 = ''; $img2 = '';
我使用这个函数来检测我的文件是否存在。虽然我有一些图像存储为 .jpg、.JPG、.png 和 .PNG。但即使真实文件的扩展名为 .JPG 或 .PNG,它也总是将 .jpg 或 .png 返回为真
我有很多这样的文件: 13040-3BLK1.JPG 13040-3NAV11.JPG 13040-50NAV11.JPG 13040-60NAV11.JPG 13040-LNAV1.JPG
我在机器人上安装了摄像头。长话短说,相机输出二进制数组,我相信这是一个 JPG 编码流。我这么说是因为我使用的库中的许多方法都暗示它是 JPG 编码的,并且第一个和最后 2 个字节是 255 216
我正在制作个人网页,我已将其草稿上传到 www.kurtpeek.com。我注意到的一个错误是,我在“关于我”部分中的一张 jpeg 图片“MIT_IAP_SAR_smallest.JPG”没有出现在
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 关闭 9 年前。 要求提供代码的问题必须表现出对所解决问题的最低限度的理解。包括尝试过的解决方案、为什么
我有一张图片列表,我想将它们组合成每组一张图片。每个图像都有一个名称以及它是什么类型的图表。我希望有一种方法可以使用名称对图像进行分组,并为每个组返回单个 jpg 或 png 的输出。组合后的图像如下
我通过 JavaScript 设置 img 的 src 属性,如下所示: var newimgid = "images/" + fldrid + "/" + id + ".jpg"; document
我有一个 TImage,它显示文件夹中的 JPG 图像。每个 JPG 图像名称都是数字(例如 5968.jpg)。如果 JPG 图像不存在,我当前加载模板 JPG。 但是,我想在检查本地文件夹后再检查
我的脚本很简单。 SELECT file_name FROM images WHERE `id` = '$id' AND `file_name` LIKE '%_1.jpg' 当我在 mysql 中运
我有一个页面显示了一些产品,例如:- 标题- 描述- 图片 当图像存储在表中时,其存储为例如“image.jpg”...但是我想在上传图像时制作图像名称的标题将用作图像的标题产品的 html 标题(t
我想创建一个按钮来在 a.jpg 和 b.jpg 之间反复翻转图像。这是我的代码: function changeImg() { document.getElementById("
有没有人为 Windows 制作一个简单的 DLL,这样我就可以将原始图像数据保存为 JPG 格式?它也应该有 .lib 和 .h 文件,所以我不需要搞乱源代码编译,因为我发现它非常困难。 需要考虑的
我有一张我正在尝试创建的动态图像,它以前在一个网络主机上工作,直到我发现他们删除了一些功能,其中一些破坏了我的形象。我最近搬到了 hostgator,我也无法让图像在他们的网站上工作。实际的 PHP
有时我将 JPG 图像保存为未压缩的位图 (BMP/PNG),以在更改图像时保持质量。 我想知道,理论上是否可以将位图重新编码回其原始 JPG 格式,而不会损失任何质量(我编辑的区域除外)? 编辑:我
我是一名优秀的程序员,十分优秀!