Aframe 未从 angular 和 arjs 中的本地路径加载图像

Question

我正在尝试从本地路径加载图像。 代码在 angular 中的 app.component.html 中。 这是我的代码：

  <a-scene embedded arjs>
      <a-assets>
          <img id="test_img" src="/mnt/r/flipkart/proj/src/app/abcd.jpg">
      </a-assets>
      <a-marker preset="hiro" url="hiro.patt">
          <a-image 
              rotation="90 0 0"
              src="#test_img"></a-image>
              <!-- <a-image 
              rotation="90 0 0"
              src="#imge" id="baba"></a-image> -->
      </a-marker>
      <a-entity camera></a-entity>
      <div style='position: fixed; top: 10px; width:100%; text-align: center; z-index: 1;'>
        <button (click)="hideme()">
            HIDE OBJECTS
        </button>
    </div>
  </a-scene>

在控制台上，我收到此消息：

GET http://localhost:4200/mnt/r/flipkart/proj/src/app/abcd.jpg 404 (Not Found)

我怎样才能得到它以避免发出获取请求而只使用本地文件夹中的图像。

Answer 1

我怎样才能得到它以避免发出获取请求

您可以指定要使用file://协议，即： file:///mnt/r/flipkart/proj/src/app/abcd.jpg

由于跨域策略，尽管通过文件协议加载的图像、视频或音频都无法与a-frame一起使用file 如果你在本地开发，你仍然需要一个服务器来托管资产。

文档建议：

• 带节点 -五服务器
• 使用 python - 默认的SimpleHTTPServer模块