2012-12-10 4 views
0

내 .js 파일에 파일을로드하려고하는데 충분히 설명 할 수있는 코드를 찾을 수없는 것 같습니다. 지금은 webGL을 사용하여 평면 삼각형을 그릴 코드가 있습니다. 이제 모델 형식 (3DS, LAY, VW, OBJ 등 등)을로드하고 싶지만 단순한 파일을로드하여 변수에 저장하는 코드를 찾을 수 없습니다. 이제는이 javaScript 파일이 사용됩니다. 물론 html 파일이지만이 html 파일은 무작위 사람들이 사용할 수 있도록 업로드되지 않으므로 전체 보안 파일로드에 대해 말할 필요가 없습니다. 로컬 파일을 변수에로드하는 것이 좋습니다. , 파일 이름도 javaScript 파일에 지정됩니다. OBJ 파일에서JavaScript를 사용하여 파일로드

그냥 몇 가지 간단한 텍스트

아약스, 선생님이하는 wepbage의 방법으로 자바 스크립트 "로드"텍스트 기반 파일입니다
... 
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 
+0

[태그 : 자바] 및 [태그 : 스크립트]이다 [** 같은 NOT (http://stackoverflow.com/questions/245062/whats-the-difference-between-javascript-and -java "자바 스크립트와 자바의 차이점은 무엇입니까?") –

+0

나는 자바 스크립트가 아아 :( – Canvas

답변

2

.

브라우저 간 호환성이 까다로울 수 있으므로 a simple library을 사용하시기 바랍니다.

같은 말 : this one은 Ajax에 jQuery API을 사용합니다.

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

지금 코드 기능 loadOBJ() { \t \t 아약스 ({ \t \t \t URL이 조각을 의미, 사과 않습니다 : "./Models/Torus.obj", \t \t \t 성공 사례 : 기능 (데이터) { \t \t console.log (데이터); // data는 파일의 텍스트입니다. 우와! \t \t \t} \t \t}); \t} 하지만, 난 여전히이 XMLHttpRequest의 파일로드 할 수 없습니다 수 : /// C :/사용자/MrApproved/문서/대학/Year3/Ci312 %의 20Graphics % 20Algor/랩 % 20Structure % 2,021% 2천10% 202012/모델/토러스 .obj. Origin null은 Access-Control-Allow-Origin이 허용하지 않습니다. – Canvas

+0

브라우저에 따라'file : //'프로토콜로는 작동하지 않을 수도 있습니다. [simple-server] (https://github.com/balupton/simple-server)와 같은 간단한 http 서버 (node.js를 통해)를 사용하여 http 서버를 부팅하여 프로젝트를 제공합니다. –

+0

file : //을 사용하여 간단한 파일을 JavaScript에로드하고 변수에 저장하는 것은 불가능합니까? 당신이 서버를 만들고 그 대신에 액세스하는 경우에만 ... HTML5와 JS는 인터넷 브라우저에서 앞으로 나아갈 수 있습니까 ??? 심지어 내 모델 파일을 내 웹 사이트 서버에 저장하고로드 할 것을 말했고 여전히 NOPE는 허용되지 않았습니다. – Canvas