在Ionic v1中的img src路径

Question

即时使用离子v1 这是我的文件夹结构。

www\tempaltes\acct\

在我的帐户文件夹下，我有 acct-home.html 和 patient_default.png

我尝试使用此代码在 acct-home 中显示 patient_default.png 。

<img src="patient_default.png" alt="Test" width="100px" height="100px">

请注意， acct-home.html 和 patient_default.png 位于同一文件夹中。 但它无法正确显示。 我这样做错了吗？非常感谢你的帮助。

更新了问题：

这是我的文件夹结构

root
   --API
      --patient_default.png
   --Www
      --templates
         --acct
           --acct-home.html

我尝试使用

<img src="../../API/patient_default.png" alt="Test" width="100px" height="100px">

它没有显示任何内容。

Answer 1

请勿将您的模板文件夹用作绝对路径头。

使用 index.html 代替，它会起作用！

index.html将使用.html模板，但使用Ionic时，引用始终为index.html。

Answer 2

使用src="patient_default.png"种类，只有在索引或应用程序启动视图中才能访问....但在您的情况下，您需要从子文件夹访问。为此您需要显示src的正确路径属性如src="../your image containingfolder /logo.png"。这就像反向显示方向一样。

并提供更新 您需要将../增加到该文件夹​​，例如假设{www}从您的www文件夹中指示您需要再添加一个"../your image containingfolder /logo.png"来加入它们，但要确保它们可用于位置

Answer 3

在// Function to get the image from the server var handleImage = function(){ MyHttpService.getImage() .then(function(response){ // Can be used within ng-src fro displaying image $scope.receivedImage = 'data:image/png;base64,'+_arrayBufferToBase64(response); }, function(error){ console.error(error); }); }; // Convert the buffer to base64 var _arrayBufferToBase64 = function( buffer ) { var binary = ''; var bytes = new Uint8Array( buffer ); var len = bytes.byteLength; console.log(len); for (var i = 0; i < len; i++) { binary += String.fromCharCode( bytes[ i ] ); } return window.btoa( binary ); }; 中创建一个文件夹，然后在此文件夹中保存www\img

试试这个

patient_default.png