使用WebStorm时,. js中的图像不显示
image in .ejs not showing when using WebStorm
我正在使用Webstorm创建一个页面,在渲染. js时我无法获得图像显示。下面是我的代码:
. js
http = require('http')
express = require('express')
app = express()
app.engine('.ejs', require('ejs').__express)
var port = process.env.PORT ? process.env.PORT : 3000
http.createServer(app).listen(port, null, null, function(){
console.log('Listening to port ' + port)
})
app.get('/test', function(req, res){
res.render('test.ejs')
})
test.ejs
注意:当我打开这个完全相同的代码使用谷歌浏览器的图像呈现完美。当我尝试使用http://localhost:3000/test时,我得到一个通用的图像图标。
<div>
<p style="font-size: 40px; font-style: oblique;">My Page</p>
<form action="/next" method="post">
<img src="../images/test.png" >
<p>Preço: R$ 100,00</p>
<input name="next" id="next" type="submit" value="next">
</form>
</div>
这可能与权限有关吗?我已经更改了/images文件夹和test.png文件的权限,使用:
sudo chmod 0755 /images
sudo chmod 0644 test.png
但仍然不起作用。谢谢!
当使用以下项目结构时:
app.js
public
--
images
test.ejs
--
test.png
我设法让它工作时使用以下代码:
http = require('http')
express = require('express')
app = express()
app.engine('.ejs', require('ejs').__express)
app.set('views', __dirname + '/public')
app.set('view engine', 'ejs')
var port = process.env.PORT ? process.env.PORT : 3000
http.createServer(app).listen(port, null, null, function(){
console.log('Listening to port ' + port)
})
app.get('/test', function(req, res){
res.render('test.ejs')
})
app.use(express.static(__dirname + '/public'))
.ejs:
<div>
<p style="font-size: 40px; font-style: oblique;">My Page</p>
<form action="/next" method="post">
<img src="images/test.png" >
<p>Pre?o: R$ 100,00</p>
<input name="next" id="next" type="submit" value="next">
</form>
</div>
相关文章:
- 非常大的图像显示渐进
- CSS Html使图像显示在单选按钮的选项上(单选按钮被CSS隐藏)
- JS照片库.使大图像显示和缩略图可单击
- 多个图像显示带有动态创建的画布的最后一个图像并分配给图像
- 当我在jquery/javascript中单击按钮时加载图像显示
- React图像显示
- 随机图像显示,无重复,使用Javascript
- 将跨度内容(图像url)转换为图像(显示)
- 随机图像显示不止一次
- 节点.js 使用 Multer 上传图像显示未定义
- 范围滑块,用于更改轨道上方对齐圆的直径并使对齐的图像显示在下方
- 使用图像显示和隐藏
- 使用 JavaScript 将文件夹中的图库图像显示到网页中
- 画布到图像显示为无图像(空白)
- 传单不会将本地图像显示为叠加
- 切换此元素时,如何使不同的图像显示,而不是文本
- 在页面加载时将图像显示为弹出窗口
- 如何在模糊浏览器主窗口时将图像显示为叠加层
- iOS在画布上绘制图像显示:无会导致内存泄漏
- JavaScript 图像显示不起作用