javascript - 使用AJAX/javascript加载XML3D模型(.STL或.json)

是否可以从javascript / jquery / ajax更改模型？我设法仅在获取请求时使用基本xml3d.js可视化.stl文件（使用xml3d-stl-plugin在ksons上提到的Can i use xml3d with stl models?）或xml3d .json文件。能够通过ajax选择3d模型并对其进行可视化将是一个很好的选择。

如果甚至可以像http://www.html5rocks.com/en/tutorials/file/dndfiles/中那样直接从客户端使用文件（使用HTML5本地文件），则可能更好（这样可以开始可视化用户选择的文件，同时将文件上传到服务器使用它来执行一些业务逻辑，这将节省大量时间。

两种解决方案中的任何一种都有可能吗？ （最好直接使用.stl文件）

最佳答案

使用URL.createObjectURL方法相对容易：

<input id="upload" type="file"/>
<script>
    function handleFileSelect(evt) {
        var file = evt.target.files[0];
        $("mesh").attr("src", URL.createObjectURL(file));
    };
    document.getElementById('upload').addEventListener('change', handleFileSelect, false);
</script>

我将此功能添加到xml3d-stl-plugin示例中：http://xml3d.github.io/xml3d-stl-plugin/examples/

类似地，您可以从XHR创建引用。