Javascript 如何将图像传递到html img标记、nodejs mongoose express把手
我会尽力解释,并对任何帮助表示感谢 我使用express和Handlebar在node.js上编写web,我正在研究如何将图像传递到slider img标记?滑块在每个页面上,所以我不能在每个路径上传递图像,图像存储在mongodb数据库中,图像路径存储在img属性中Javascript 如何将图像传递到html img标记、nodejs mongoose express把手,javascript,node.js,mongodb,mongoose,handlebars.js,Javascript,Node.js,Mongodb,Mongoose,Handlebars.js,我会尽力解释,并对任何帮助表示感谢 我使用express和Handlebar在node.js上编写web,我正在研究如何将图像传递到slider img标记?滑块在每个页面上,所以我不能在每个路径上传递图像,图像存储在mongodb数据库中,图像路径存储在img属性中 const mongoose = require('mongoose'); const Schema = mongoose.Schema; const ImageSchema = new Schema({ img: {
const mongoose = require('mongoose');
const Schema = mongoose.Schema;
const ImageSchema = new Schema({
img: {
type: String,
},
createdAt: {
type: Date,
default: Date.now
}
});
mongoose.model('image', ImageSchema);
没什么特别的
我的主要布局是这样的
<body>
{{> _navbar}} {{> _slider}} {{> _navbar2}}
<div class="container">
{{> _msg}} {{{body}}} {{> _errors}}
</div>
{{> _floatingbutton}} {{> _footer}}
</body>
{{>{U导航条}}{{>{U滑块}{{>{U导航条2}}
{{>{u msg}{{{{body}}{{>{u errors}}
{{>\u floatingbutton}}{{>\u footer}}
如何将图像存储位置传递给html?或者有没有其他方法可以将图像分配给滑块?我试图为handlebar编写帮助函数,但我只得到了承诺,handlebar不接受承诺。。。求救 Thnx感谢您伟大的支持者:)。。。我已经解析了一个承诺并将字符串传递给img url,但不知何故它删除了反斜杠,路径不正确。下面是我如何修复它的 我创建了另一个js文件,并将脚本放在body上
function slider() {
let sliderImage = document.getElementById('slide');
let url = sliderImage.style.backgroundImage.split(`url("/imagesgalleryimg`)
urlEnds = url[1].split(`")`);
// let sliderImage = document.getElementById('slide');
// sliderImage.style.backgroundImage = "none"
sliderImage.style.backgroundImage = `url(/images/gallery/img${urlEnds[0]})`
console.log(sliderImage)
}
slider();