gpt4 book ai didi

javascript - 在 Three.js 中使用 OBJLoader 时出现 CORS 问题

转载 作者:行者123 更新时间:2023-11-30 19:44:34 24 4
gpt4 key购买 nike

<分区>

我正在尝试使用 OBJLoader 从我的系统加载一个对象,但我总是收到 CORS 错误,告诉我:

从源“null”访问位于“file:///Users/pranayankittiru/Desktop/tasks/resources/Pix.obj”的 XMLHttpRequest 已被 CORS 策略阻止:跨源请求仅支持协议(protocol)方案:http、数据、chrome、chrome-extension、https。

这是我的代码(task1.js):

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(
75,
window.innerWidth / window.innerHeight,
0.1,
1000
);

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// instantiate the loader
var loader = new THREE.OBJLoader();

loader.load(
"resources/Pix.obj",
function(object) {
scene.add(object);
},
function(xhr) {
console.log((xhr.loaded / xhr.total) * 100 + "% loaded");
},
function(error) {
console.log("An error has occured");
}
);

这是我的 HTML 文件:

<html>
<head>
<meta charset="utf-8">
<title>Task-1</title>
<style>
body { margin: 0; }
canvas { width: 100%; height: 100% }
</style>
</head>
<body>
<script src="js/three.js"></script>
<script src="js/loaders/ObjectLoader.js"></script>
<script src="task1.js"></script>
</body>
</html>

我在本地使用 Three.js。我是 Three.js 的新手,所以我不知道哪里出错了。请帮我解决这个问题。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com