Javascript 如何提交和使用带有按钮的文本来上载对象？

我正在尝试使用three.js和webGL加载obj文件。目前，我可以通过直接更改代码加载一个对象，但我希望用户能够提交自己的.obj文件

到目前为止，这是我的代码。我试着使用各种各样的例子，但我不能真正掌握如何正确使用它。我想我可能需要编写一个函数来更新，但这需要在init中重做所有内容吗？（我所说的“重做”几乎是指复制/粘贴。）有更简单的方法吗

html文件的相关部分：

<form id="upload" method="get">
    .obj Upload: <input type="text" size="20" name="objfile" id="objfile">
    <!-- <input type="button" id="objsubmit" value="Send"> -->
</form>
<script type="text/javascript" src="cubemain.js"></script>

---

这确实取决于各个方面。我所做的很简单

//In the html.html
The object: <input type="text" id="inputFile">
<input type="button" id="submitBtn" onclick="loadTheFile()">

希望有帮助

为了进一步帮助您，因为我们已经声明并定义了一个helper函数loadingFile，您可以在init（）函数中更改loader部分，如下所示：

之前：

var loader = new THREE.OBJLoader();
loader.load(objFile.value + ".obj", function(object) {
    scene.add(object);
});

之后：

loadingFile(objFile.value);

后续问题：您的代码是否正常运行？你能看到这个物体吗？这是因为我看到您的代码比我通常使用的代码更干净、更简洁；因此，如果是这样，我可以使用您的代码来提高我的可读性。非常感谢，我真的希望我的回答能帮助你^u^

var loader = new THREE.OBJLoader();
loader.load(objFile.value + ".obj", function(object) {
    scene.add(object);
});

loadingFile(objFile.value);