使用three.js JSONloader在指定的url加载文件（Django）

Question

我正在尝试在 Three.js 中加载模型，但遇到了问题。我认为问题是加载器无法找到模型文件，但我不确定。

以下是我的文件层次结构：

• 静态
  • 管理员
    • js
      • 型号
        • model_file.js
      • load_model.js
• web_app_name
  • 模板
    • index.html

我在 load_model.js 中有以下代码：

var loader = new THREE.JSONLoader(  );
var onGeometry = function(geom, mats) {
    var mesh = new THREE.Mesh( geom, new THREE.MeshFaceMaterial( mats ) );
    scene.add(mesh);
};
var model_url = "model_file.js";
loader.load(model_url, onGeometry);

我通过 django load static 将它加载到 index.html 文件中：

{% load static from staticfiles %}
    <script src={% static "admin/js/load_model.js" %}></script>

当我在浏览器中检查结果时，它会查找文件“/index/model_file.js”。我需要它来查找文件“Static/admin/js/models/model_file.js”。

所以我的问题更简洁地说是：如何告诉 THREE.JSONloader 在当前页面之外的位置查找文件？如果这不可能，我怎样才能让它正确加载模型？

感谢大家的帮助。

Answer 1

为您的模型文件使用更具描述性的网址？

亲戚关系

var model_url = ".models/model_file.js";

或绝对的一个

var model_url = "/admin/js/models/model_file.js";

至少会更容易调试。