如何在Knockout HTML模板中指定皮肤图像路径？

我正在尝试在Magento_Paypal/web/template/payment/paypal-express.html模板中添加图标图像。图标位于中web/images。我想使用与以下代码等效的代码，该代码适用于电子邮件HTML模板，但不适用于此特定模板：

<img src="{{view url='images/icon-paypal.png'}}">

由于大括号变量在此HTML模板中不起作用，因此如何引用主题web/images目录中存在的图像？

你需要调用function到js从模板。

require.toUrl('images/icon-paypal.png');

如果您尝试仅在phtml文件中添加图像路径，则应遵循以下方法，

<img src="<?php echo $block->getViewFileUrl('images/image.png') ?>">\

要使用淘汰赛方法：

尝试从* .phtml文件向窗口添加变量：

<script>
  window.imgpath = '<?php echo $block->getViewFileUrl('images/image.png') ?>';
  </script>

并从窗口读取该变量：

  function someFunction() {
  var imgPath = window.imgpath;
  }

更改您的图片代码：

<img alt="" data-bind="attr: { src: someFunction() } "/>

在phtml中创建js变量

<script>
  var imgpath = '<?php echo $block->getViewFileUrl('images/image.png') ?>';
</script>

现在创建新的js函数

getImagepaypal: function() {
                return window.imgpath;
            }

在你的HTML文件

 <img alt="" data-bind="attr: { src: getImagepaypal() } "/>

您可以在每个magento需要js文件的地方使用此文件，而无需任何要求-它来自vendor / magento / module-theme / view / frontend / templates / page / js / require_js.phtml

require.s.contexts ._。config.baseUrl