Cordova - jquery 移动 img 路径

Posted 2023-05-09

【中文标题】Cordova - jquery 移动 img 路径

【英文标题】：Cordova - jquery mobile img path

【发布时间】：2017-04-07 16:10:27

【问题描述】：

我有一个可以正确显示在主页上的 img，但是当我导航到其他页面时，该图像不会显示在我的手机上。在浏览器中，它按预期显示图像。真不知道是什么问题……

这是我将 html 附加到表格的 javascript 代码：

var imgPath = '../img/icons/notification_bell.png';

html = html + "<tr><td class='img-table'><img src=" + imgPath + "/></td>" + "<td><span class='time-aside'><strong>" + formattedTime + "</strong></span><h4>" + info.data[count][1] + "</h4><p>" + info.data[count][2] + "</p></td></tr>";

这是html：

<div data-role="page" id="all">
   <div data-role="header">
       <a href="#dashboard" class="ui-btn ui-icon-carat-l ui-btn-icon-notext ui-alt-icon ui-corner-all ui-btn-left" data-transition="slide" data-direction="reverse">No text</a>
       <h1>All Reminders</h1>
     </div>

        <div data-role="main" class="ui-content" data-theme="b">
         <table data-role="table" data-mode="column" id="notificationTable" class="ui-responsive">
            <tbody>
            </tbody>
          </table>
          <a class="clearbtn" style="text-decoration: none"><button>clear</button></a>
        </div>
      </div>

当我使用 chrome://inspect/ 检查图像时，我收到此错误：

  /img/icons/notification_bell.png/:1 GET file:///img/icons/notification_bell.png/ net::ERR_FILE_NOT_FOUND

当我手动将其设置为与仪表板上相同的路径时：'img/icons/notification_bell.png' 它会显示，但是当我通过 JS 执行此操作时，它不会显示...

【参考方案1】：

如果您的应用位于根文件夹中，请尝试仅放置：

var imgPath = 'img/icons/notification_bell.png';