STLloader预览服务端stl文件

news/2025/1/12 21:55:15/

最近写项目的时候遇到了一个问题 就是我使用STLloader时 loader.load("服务端地址",function)

会报csp错误

Content Security Policy: 页面设置阻止读取位于 blob:http://localhost:8080/06f90dbb-6fa5-4310-aad0-7a85b227f479 的一项资源("connect-src")。

想问一下大佬们这种情况怎么解决

还有就是我看网上大部分demo  loader.load('本地地址') 所以我不知道能否加载服务器地址文件

<script type="text/javascript" src="${path}js/ux/udpdf/index.js" ></script>
<script  src="${path}js/ux/udpdf/arraybutter.js" ></script>
<script  src="${path }/js/ux/udpdf/STLLoader.js" type="module"></script>
<script  src="${path }/js/ux/udpdf/TrackballControls.js" type="module"></script>
<script  src="${path }/js/ux/udpdf/three.module.js" type="module"></script>
<link type="text/css" rel="stylesheet" href="${path }/js/ux/udpdf/main.css"><script type="module">//注意://TrackballControls.js 和 TDSLoader.js 都引用了 three.module.js,特别注意引用的路径import * as THREE from '/threejs/js/three.module.js';import { TrackballControls } from '/threejs/js/TrackballControls.js';import { STLLoader } from '/threejs/js/STLLoader.js';var container, controls;var camera, scene, renderer;previewajax()init();animate();function resize() {camera.aspect = window.innerWidth / window.innerHeight;camera.updateProjectionMatrix();renderer.setSize(window.innerWidth, window.innerHeight);}function animate() {controls.update();renderer.render(scene, camera);requestAnimationFrame(animate);}//类型转换function blobchange(data){debuggervar blob = new Blob([data], {type: 'application/vnd.ms-pkistl;charset=utf-8'})var fileURL = URL.createObjectURL(blob)init(fileURL);}//请求接口function previewajax(){$.ajax({type : "get",url : path+"stlfile/queryStlPathById.do",dataType : "arraybuffer",data : {"id" : showOne.id,"userid" : userid},success : function(data) {blobchange(data)}});}function init(fileURL) {console.log(fileURL)container = document.createElement('div');$("#fujian_right_stl").html(container);camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 10);camera.position.z = 2;scene = new THREE.Scene();scene.add(new THREE.HemisphereLight());var directionalLight = new THREE.DirectionalLight(0xffeedd); // 0xFFFFFFdirectionalLight.position.set(0, 0, 2);scene.add(directionalLight);// ASCII filevar loader = new STLLoader();loader.load(fileURL, function (geometry) {var mat = new THREE.MeshLambertMaterial({ color: '0x00ffff' });//{ color: 0x00ffff }var mesh = new THREE.Mesh(geometry, mat);mesh.rotation.x = -0.5 * Math.PI; //将模型摆正mesh.scale.set(0.1, 0.1, 0.1); //缩放geometry.center(); //居中显示scene.add(mesh);})renderer = new THREE.WebGLRenderer();renderer.setPixelRatio(window.devicePixelRatio);renderer.setSize(window.innerWidth, window.innerHeight);container.appendChild(renderer.domElement);controls = new TrackballControls(camera, renderer.domElement);window.addEventListener('resize', resize, false);}</script>

http://www.ppmy.cn/news/488812.html

相关文章

Linux: 获取硬盘的UUID信息

简介 UUID&#xff08;英语&#xff1a;Universally Unique Identifier&#xff0c;通用唯一识别码&#xff09;&#xff0c;是用于计算机体系中以识别信息数目的一个128位标识符。UUID可以用来标识与安装点(mount point)或名称无关对设备。现在许多设备都支持热插拔(hot-plug…

Texlive安装失败(报错“check_file_and_remove failed”)解决方案

问题描述 通过tex提供的安装程序install-tl-windows.exe 和Tex官方下载链接下载安装texlive出现异常&#xff1a; ……省略之前的安装日志…… Installing [4307/4310, time/total: 09:58:44/09:59:32]: zxjafbfont [3k] Installing [4308/4310, time/total: 09:58:50/09:59:3…

TI - MCU - MSP430使用指南1 - MSP430简介及选型指南

前言&#xff1a;很幸运能够进入半导体这个充满未来和机遇的行业&#xff0c;同时深刻接触到TI公司MCU产品MSP430&#xff0c;接下来我会用一系列的文章来描述MSP430产品性能、优势、资料及使用方法。 首先先介绍一下TI公司&#xff0c;一个集高科技与创新于一体的企业&#x…

服务器 Unbuntu重启后,nvidia-smi 不能使用

问题 用来深度学习的服务器重启了&#xff0c;结果会导致nvidia-smi 失效&#xff0c;会出现这样的错误&#xff1a; NVIDIA-SMI has failed because it couldn‘t communicate with the NVIDIA driver.原因 Ubuntu 重启后会升级内核&#xff0c;升级后的内核与之前 的nvidi…

4310 树的DFS(dfs序列)

1. 问题描述&#xff1a;​​​​​​​ 给定一棵 n 个节点的树。节点的编号为 1∼n&#xff0c;其中 1 号节点为根节点&#xff0c;每个节点的编号都大于其父节点的编号。现在&#xff0c;你需要回答 q 个询问。每个询问给定两个整数 ui&#xff0c;ki。我们希望你用 DFS&…

hdu 4310

http://acm.hdu.edu.cn/showproblem.php?pid3979 减弱版的题目 http://acm.hdu.edu.cn/showproblem.php?pid4310 水题&#xff0c;在网上搜下是排序不等式&#xff0c;我也不知道什么叫排序不等式&#xff0c;如果深入的思考的话还是容易想出来的 这题肯定是贪心是肯定的&…

23.6.20.今天在理解项目业务。

今天理解了下复核是什么&#xff0c;挺好的&#xff0c;明天又有两个功能&#xff0c;加油吧。

4310. 树的DFS 邻接链表深搜

文章目录 [4310. 树的DFS](https://www.acwing.com/problem/content/4313/) 4310. 树的DFS 给定一棵 n 个节点的树。 节点的编号为 1∼n&#xff0c;其中 1 号节点为根节点&#xff0c;每个节点的编号都大于其父节点的编号。 现在&#xff0c;你需要回答 q 个询问。 每个询…