3D编辑器添加gltf模型完成

threed/src/main/resources/template/js/threeedit/threeedit.js

@@ -8,11 +8,12 @@ layui.config({
 	winui.renderColor();
 	var index = parent.layer.getFrameIndex(window.name);
 
-	//加入模型到场景
+	// 加入模型到场景
 	$("body").on("click", "#modeList .item", function(e){
 		var url = $(this).attr("src");
-		editor.loader.loadFileByUrls(url, function(object){
-//			editor.scene.add(object);
+		sysFileUtil.getFileByUrl(url, function(file) {
+			var manager = new THREE.LoadingManager();
+			editor.loader.loadFile(file, manager);
 		});
 	});
 	

threed/src/main/resources/template/tpl/threeedit/js/Config.js

@@ -3,7 +3,7 @@ function Config() {
 	var name = 'threejs-editor';
 
 	var storage = {
-		'language': 'en',
+		'language': 'zh',
 
 		'autosave': true,
 

threed/src/main/resources/template/tpl/threeedit/threeedit.html

@@ -25,6 +25,10 @@
 					<img alt="" src="../../assets/model/pic/受电柜.png"><br>
 					<font>受电柜.png</font>
 				</div>
+				<div class="item" src="../../assets/model/gltf/scifi_girl_v.01/scene.gltf">
+					<img alt="" src="../../assets/model/pic/受电柜.png"><br>
+					<font>美女</font>
+				</div>
 			</div>
 			
 			<div id="floorList">

web/src/main/resources/template/assets/lib/layui/customer/sysFileUtil.js

@@ -60,6 +60,36 @@ var sysFileUtil = {
         xhr.send();
     },
 
+    /**
+     * 根据文件路径转换成File对象
+     *
+     * @param url 文件路径
+     * @param callback 回调函数
+     */
+    getFileByUrl: function (url, callback) {
+        sysFileUtil.getBlob(url, function(blob) {
+            const files = new File(
+                [blob],
+                sysFileUtil.getFileNameByUrl(url)
+            );
+            callback(files);
+        });
+    },
+
+    /**
+     * 根据文件路径获取文件名
+     *
+     * @param url 文件路径
+     * @returns {*}
+     */
+    getFileNameByUrl: function (url) {
+        // 通过\分隔字符串，成字符串数组
+        var arr = url.split('\\');
+        // 取最后一个，就是文件全名,含后缀
+        var fileName = arr[arr.length-1];
+        return fileName;
+    },
+
     /**
      * 保存
      * @param  {Blob} blob