Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将图像传递到html img标记、nodejs mongoose express把手_Javascript_Node.js_Mongodb_Mongoose_Handlebars.js - Fatal编程技术网

Javascript 如何将图像传递到html img标记、nodejs mongoose express把手

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: {

我会尽力解释,并对任何帮助表示感谢

我使用express和Handlebar在node.js上编写web,我正在研究如何将图像传递到slider img标记?滑块在每个页面上,所以我不能在每个路径上传递图像,图像存储在mongodb数据库中,图像路径存储在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();