javascript - 使用 JavaScript 加载文件

Question

我正在尝试将自己的文件加载到我的 .js 文件中，但我似乎找不到任何可以很好地解释它的代码。目前我有一些代码可以使用 webGL 绘制一个平面三 Angular 形。现在我想加载模型格式(3DS、LAY、VW、OBJ 等)，但我找不到任何代码来加载一个简单文件并将其自身存储在变量中，现在这个 javaScript 文件用于当然是一个html文件，但是这个html文件不会被上传供随机的人使用，所以没有必要谈论整个安全文件的加载，我想要尝试做的就是将本地文件加载到变量中，无论如何，文件名也会在 javaScript 文件中指定。

只是 OBJ 文件中的一些简单文本

...
v  -0.3393 0.0000 -12.3639
v  1.8409 3.7515 -8.3253
v  2.8119 0.0000 -11.9490
v  -0.3393 3.7515 -8.6123
v  0.8700 -0.0000 -4.7016
v  -0.3393 -0.0000 -4.8608
...
vn -0.0000 0.0000 -1.0000
vn 0.0152 0.9983 -0.0567
...
vt 0.0000 0.0000 0.0000
vt 0.2500 0.0417 0.0000
...
f 1/1/1 2/2/2 3/3/3 
f 1/1/1 4/4/4 2/2/2 

Answer 1

Ajax，先生，是 javascript 在网页上“加载”基于文本的文件的方式。

我推荐a simple library为您提供帮助，因为跨浏览器兼容性可能很棘手。

就像说 this one它使用 jQuery API对于 Ajax 。

ajax({
  url: "/models/my_snazzy_model.obj",
  success: function(data) {
    console.log(data); // data is the text of your file. Woot!
  }
});