返回托管在服务器上的图像的路径以在前端显示它
返回托管在服务器上的图像的路径以在前端显示它
当前在我的服务器上,这些图片位于路径下:
/opt/myproject/assets/5259521.jpg
/opt/myproject/assets/5259522.jpg
/opt/myproject/assets/5259523.jpg
我正在使用nodejs创建我的Web服务。我想知道返回图像路径的方法是什么,以便前端可以在img
标签中显示它们。
我的restAPI可以通过路径访问:
这里,我需要返回图像路径,以便可以在Web应用程序中显示它们。
app.use(cors());
app.options('*', cors());
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json());
// Configuración global de rutas
app.use(require('./routes/index'));
const distDirectory = path.join(__dirname, '/public');
app.get('*', function (req, res, next) {
const file_path = path.join(distDirectory, req.url.split('?').shift());
if (fs.existsSync(file_path)) next();
else res.sendFile(path.join(distDirectory, 'index.html'));
});
app.use(express.static(distDirectory));
谢谢
回答如下:要提供静态文件,例如图像,CSS文件和JavaScript文件,请使用Express中的express.static内置中间件功能。
功能签名是:
express.static(root, [options])
您需要将所有图像放置在public
文件夹中或添加您选择的文件夹名称,然后将静态文件夹传递到express.static
中间件中。
文件夹的名称Public
仅是一个约定,您可以将文件夹的名称设置为任何名称。
例如,使用以下代码在名为public的目录中提供图像,CSS文件和JavaScript文件:
app.use(express.static('public'))
并且像这样访问它:
http://localhost:3000/assets/5259521.jpg
我假设您的图像在public/assets
文件夹下。
最新文章
- 性能测试案例
- digest介绍
- 俞敏洪在北京大学2008年开学典礼上的演讲辞
- 闲话权限系统的设计
- Hibernate Annotation
- python中的platform模块获取平台信息
- 软件设计中的易用性
- spark web ui中的skipped的含义
- 数字化音频
- 普通文本el
- 用JS 控制文字两行 ,展示省略号(兼容谷歌 IE等各大浏览器)
- VC知识库的一篇文章
- c# 开发winform控件
- C# WebForm
- 下列c语言表达式能正确表达ch是空格或者回车的是,c语言上机选择题题及答案...
- 机器学习中的数据简介
- 统计学、深度学习、机器学习、数据挖掘
- STM32外部中断干扰解决方案
- linux查看tomcat在,在陌生Linux环境查看Tomcat服务的方法
- Vue面试题分享之Vue双向绑定数据原理