Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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 敲除js绑定base64图像到图像标记_Javascript_Jquery_Knockout.js - Fatal编程技术网

Javascript 敲除js绑定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); }

我正在尝试使用knockout js将图像绑定到HTML图像标记,它不起作用,我在数据库中有base64字符串,我正在从数据库中获取它,但它对我不起作用下面是我的代码

  //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>