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

Load XML3D models with AJAX/javascript (.stl or .json)

本文关键字:STL json 模型 XML3D AJAX javascript 加载 使用      更新时间:2023-09-26

是否可以从javascript/jquery/ajax更改模型?我只设法可视化一个。stl文件(使用ksons提到的xml3d-stl插件我可以使用xml3d与stl模型吗?)或xml3d. json文件使用基本的xml3d.js上的get请求仅。如果能够通过ajax选择3d模型并将其可视化,那就太好了。

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

两种解是否有可能?(最好直接使用.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创建引用。