javascript - 使用 AJAX/javascript（.stl 或 .json）加载 XML3D 模型

Question

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

也许更好，如果可以直接从客户端使用文件（使用 HTML5 本地文件），例如http://www.html5rocks.com/en/tutorials/file/dndfiles/（这样它就可以开始可视化用户选择的文件，同时将文件上传到服务器做一些业务逻辑，这样可以节省很多时间）。

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

Answer 1

使用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 创建引用。