Javascript 敲除js绑定base64图像到图像标记
我正在尝试使用knockout js将图像绑定到HTML图像标记,它不起作用,我在数据库中有base64字符串,我正在从数据库中获取它,但它对我不起作用下面是我的代码Javascript 敲除js绑定base64图像到图像标记,javascript,jquery,knockout.js,Javascript,Jquery,Knockout.js,我正在尝试使用knockout js将图像绑定到HTML图像标记,它不起作用,我在数据库中有base64字符串,我正在从数据库中获取它,但它对我不起作用下面是我的代码 //viewModel// function ViewModel(data) { self = this; self.ImageBase64 = ko.observable(data.ImageBase64); self.ImageType = ko.observable(data.ImageType); }
//viewModel//
function ViewModel(data) {
self = this;
self.ImageBase64 = ko.observable(data.ImageBase64);
self.ImageType = ko.observable(data.ImageType);
}
//HTML//
<div data-bind="foreach:UsersImage">
<img data-bind="attr:{src: 'data:'+ImageType+'base64,'+ImageBase64}"/>
</div>
//视图模型//
函数视图模型(数据){
self=这个;
self.ImageBase64=ko.可观察(data.ImageBase64);
self.ImageType=ko.可观察(data.ImageType);
}
//HTML//
最好使用计算函数并绑定单个ImageSrcName。这可能有助于更好地调试
function ViewModel(data) {
self = this;
self.ImageBase64 = ko.observable(data.ImageBase64);
self.ImageType = ko.observable(data.ImageType);
self.ImageSrcName= ko.computed(function () {
return self.ImageType() + 'base64' + self.ImageBase64();
});
console.log(self.ImageSrcName());
}
HTML:
括号是表达式中使用的观察值所必需的。@感谢您的时间,是的,它对我有用,因为matt在下面的代码中向我展示了它
<div data-bind="foreach:UsersImage">
<img data-bind="attr:{src:ImageSrcName "/>
</div>