Three.js如何加载本地FBX文件而无需上传？

Question

Three.js如何加载本地FBX文件而无需上传？

3

我无法加载HTML输入中用户选择的文件，因为加载程序期望一个Linux样式的URL。我尝试将Blob作为URL对象提供给它，将原始数据提供给FBX加载器，最近还尝试将mozilla路径提供给它，但什么都没用。如何在不实际上传文件到网站并传递实际URL的情况下实现此操作？

这是我最新的尝试：

    $(document).ready(function() {
        
        $('#file').change(function () {
                
            if ( this.value == '' ) {
                console.log( "No valid file selected." );
            }

            var filePath = this.files[0].mozFullPath,
                loader = new THREE.FBXLoader();
                    
            loader.load( filePath, function( object ) {

                object.traverse( function( c ) {

                    if ( c instanceof THREE.Camera ) {              

                        // Debug log
                        console.log( c );

                    }

                } );

            });
            
        });
        
    });

- WASasquatch

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mugen87 · Accepted Answer

尝试结合文件输入HTML元素和FileReader API。例如：

尝试使用文件输入HTML元素和FileReader API的组合。类似以下内容：

const fileInput = document.querySelector("#file-input");

fileInput.addEventListener("change", function(event) {

  const reader = new FileReader();

  reader.addEventListener("load", function(event) {

    const contents = event.target.result;

    const loader = new FBXLoader();
    const object = loader.parse(contents);
    scene.add(object);
    
  });

  reader.readAsArrayBuffer(this.files[0]);

});