我正在创建一个简单的 WebGL 项目,需要一种加载模型的方法。我决定使用 OBJ 格式,所以我需要一种方法来加载它。该文件(将)存储在服务器上,我的问题是:JS 中的文件如何加载到文本文件中并逐行扫描它,逐个令牌(就像 C++ 中的流一样)?我是 JS 新手,因此我的问题。方法越简单越好。
更新:我使用了你的解决方案,broofa,但我不确定我是否做对了。我从您编写的 forEach 循环中的文件加载数据,但在它之外(即在您的所有代码之后),我一直在填充数据的对象是“未定义”。我究竟做错了什么?这是代码:
var materialFilename;
function loadOBJModel(filename)
{
// ...
var req = new XMLHttpRequest();
req.open('GET', filename);
req.responseType = 'text';
req.onreadystatechange = function()
{
if (req.readyState == 4)
{
var lines = req.responseText.split(/\n/g);
lines.forEach(function(line)
{
readLine(line);
});
}
}
req.send();
alert(materialFilename);
// ...
}
function readLine(line)
{
// ...
else if (tokens[0] == "mtllib")
{
materialFilename = tokens[1];
}
// ...
}
您可以使用XMLHttp请求 https://www.google.com/search?q=mdn%20xmlhttprequest获取文件,假设它来自与您的主网页相同的域。如果没有,并且您可以控制托管文件的服务器,则可以启用CORS https://developer.mozilla.org/en-US/docs/HTTP_access_control没有太多麻烦。例如。
要逐行扫描,可以使用 split()。例如。像这样的东西...
var req = new XMLHttpRequest();
req.open('GET', '/your/url/goes/here');
req.onreadystatechange = function() {
if (req.readyState == 4) {
if (req.status == 200) {
var lines = req.responseText.split(/\n/g);
lines.forEach(function(line, i) {
// 'line' is a line of your file, 'i' is the line number (starting at 0)
});
} else {
// (something went wrong with the request)
}
}
}
req.send();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)