使用JavaScript加載文件

Question

我正在嘗試將自己的文件加載到我的.js文件中，但我似乎無法找到任何足以解釋它的代碼。 目前我有一些代碼將使用webGL繪制一個平面三角形。 現在我想加載一個模型格式（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“加載”基於文本的文件的方式，在wepbage上。

我建議使用一個簡單的庫來幫助您，因為跨瀏覽器的兼容性可能很棘手。

就像說這個使用jQuery API for Ajax。

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