threejs显示本地硬盘上的ply文件，通过webapi

最新推荐文章于 2025-02-19 20:31:04 发布

easyboot

最新推荐文章于 2025-02-19 20:31:04 发布

阅读量702

点赞数 8

分类专栏： # three.js WEBAPI 文章标签： java 前端服务器

本文链接：https://blog.csdn.net/easyboot/article/details/136386037

版权

文章讲述了如何通过WebAPI将外部PLY文件通过URL传递给three.js，包括使用C#后端API获取文件内容、Vue中的Ajax请求获取文件并转换为Blob对象，以及在three.js中使用`load`方法加载和处理PLY模型数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于ply文件是第三方提供的，threejs无法用绝路路径的方式显示ply

所以想通过webapi把ply通过url地址的方式给threejs

1.webapi部分

        /// <summary>
        /// 获取PLY文件
        /// </summary>
        /// <returns></returns>
        [HttpPost(Name = "GetPly")]
        public async Task<IActionResult> GetPly(GlueFileModel gfm)
        { 

            string fileExt = Path.GetExtension(gfm.PlyFile); //绝对路径的ply文件 例如"D:\test\test.ply"
            //获取文件的ContentType
            var provider = new FileExtensionContentTypeProvider();
            //var memi = provider.Mappings[fileExt];
            var memi = "application/octet-stream";
            var fileBytes = System.IO.File.ReadAllBytes(gpm.PlyFile);
            string fileName = Path.GetFileName(gpm.PlyFile);
            return File(fileBytes, memi, fileName);
        }

2.Vue部分取得ply文件