libraryPath = rtrim($libraryPath, '/'); $this->libraryUrlPath = rtrim($libraryUrlPath, '/'); $this->loadMetadata(); $this->loadItems(); } private function loadMetadata() { $metadataPath = $this->libraryPath . '/metadata.json'; if (file_exists($metadataPath)) { $this->metadata = json_decode(file_get_contents($metadataPath), true); $this->folders = $this->metadata['folders'] ?? []; } } private function loadItems() { $imagesPath = $this->libraryPath . '/images'; if (!is_dir($imagesPath)) { return; } $dirs = glob($imagesPath . '/*.info', GLOB_ONLYDIR); foreach ($dirs as $dir) { $metadataPath = $dir . '/metadata.json'; if (file_exists($metadataPath)) { $itemData = json_decode(file_get_contents($metadataPath), true); // 获取相对路径 $relativeDir = 'images/' . basename($dir); $itemData['path'] = $relativeDir; // 构建完整的URL路径 $baseUrl = $this->libraryUrlPath ? $this->libraryUrlPath . '/' : ''; $itemData['thumbnail'] = $baseUrl . $relativeDir . '/' . $itemData['name'] . '_thumbnail.png'; $itemData['file'] = $baseUrl . $relativeDir . '/' . $itemData['name'] . '.' . $itemData['ext']; // 判断文件类型 $itemData['type'] = $this->getFileType($itemData['ext']); $this->items[$itemData['id']] = $itemData; } } } private function getFileType($ext) { $ext = strtolower($ext); if (in_array($ext, $this->imageTypes)) { return 'image'; } elseif (in_array($ext, $this->videoTypes)) { return 'video'; } else { return 'file'; } } private function getFileIcon($ext) { $ext = strtolower($ext); $icons = [ 'pdf' => '📄', 'doc' => '📝', 'docx' => '📝', 'xls' => '📊', 'xlsx' => '📊', 'ppt' => '📊', 'pptx' => '📊', 'zip' => '📦', 'rar' => '📦', '7z' => '📦', 'txt' => '📃', 'mp3' => '🎵', 'wav' => '🎵', 'flac' => '🎵', 'psd' => '🎨', 'ai' => '🎨', 'sketch' => '🎨', 'fig' => '🎨', ]; return $icons[$ext] ?? '📎'; } public function getFolderTree($folders = null, $level = 0) { if ($folders === null) { $folders = $this->folders; } $html = ''; foreach ($folders as $folder) { $indent = str_repeat(' ', $level); $html .= '

'; $html .= ''; $html .= $indent . '📁 ' . htmlspecialchars($folder['name']); $html .= ''; if (!empty($folder['children'])) { $html .= $this->getFolderTree($folder['children'], $level + 1); } $html .= '

'; } return $html; } public function getItemsByFolder($folderId) { $items = []; foreach ($this->items as $item) { if (in_array($folderId, $item['folders'] ?? [])) { $items[] = $item; } } return $items; } public function getAllItems() { return array_values($this->items); } public function getItemById($itemId) { return $this->items[$itemId] ?? null; } public function getFolderName($folderId) { return $this->findFolderName($this->folders, $folderId); } private function findFolderName($folders, $folderId) { foreach ($folders as $folder) { if ($folder['id'] === $folderId) { return $folder['name']; } if (!empty($folder['children'])) { $name = $this->findFolderName($folder['children'], $folderId); if ($name) { return $name; } } } return null; } public function renderGallery($folderId = null) { $items = $folderId ? $this->getItemsByFolder($folderId) : $this->getAllItems(); $html = '

'; if (empty($items)) { $html .= '

暂无内容

'; } else { foreach ($items as $item) { $html .= $this->renderGalleryItem($item); } } $html .= '

'; return $html; } private function renderGalleryItem($item) { $type = $item['type']; $thumbnail = file_exists($item['thumbnail']) ? $item['thumbnail'] : ''; $html = '

'; $html .= ''; // 缩略图区域 $html .= '

'; if ($type === 'image') { if ($thumbnail) { $html .= '

' . htmlspecialchars($item['name']) . '

'; } else { $html .= '

'; } } elseif ($type === 'video') { if ($thumbnail) { $html .= '

' . htmlspecialchars($item['name']) . '

'; } else { $html .= '

'; } } else { $icon = $this->getFileIcon($item['ext']); $html .= '

'; } $html .= '

'; // 信息区域 $html .= '

' . htmlspecialchars($item['name']) . '

'; if ($type === 'image') { $html .= '

' . $item['width'] . ' x ' . $item['height'] . '

'; } elseif ($type === 'video') { $duration = isset($item['duration']) ? $this->formatDuration($item['duration']) : ''; $html .= '

' . $duration . '

'; } else { $html .= '

' . strtoupper($item['ext']) . '

'; } $html .= '

'; $html .= ''; $html .= '

'; return $html; } private function formatDuration($seconds) { $minutes = floor($seconds / 60); $secs = floor($seconds % 60); return sprintf('%d:%02d', $minutes, $secs); } public function renderItemDetail($itemId) { $item = $this->getItemById($itemId); if (!$item) { return '

项目不存在

'; } $folderNames = []; foreach ($item['folders'] ?? [] as $folderId) { $name = $this->getFolderName($folderId); if ($name) { $folderNames[] = $name; } } $type = $item['type']; $html = '

'; $html .= '

'; $html .= '← 返回'; $html .= '

' . htmlspecialchars($item['name']) . '

'; $html .= '

'; $html .= '

'; $html .= '

'; $html .= $this->renderPreview($item); $html .= '

'; $html .= '

'; $html .= '

文件信息

'; $html .= ''; $html .= ''; if ($type === 'image' || $type === 'video') { $html .= ''; } if ($type === 'video' && isset($item['duration'])) { $html .= ''; } $html .= ''; $html .= ''; $html .= ''; $html .= ''; $html .= ''; $html .= '

类型:	' . $this->getTypeLabel($type) . '
尺寸:	' . ($item['width'] ?? '-') . ' x ' . ($item['height'] ?? '-') . ' px
时长:	' . $this->formatDuration($item['duration']) . '
文件大小:	' . $this->formatFileSize($item['size']) . '
格式:	' . strtoupper($item['ext']) . '
文件夹:	' . implode(', ', $folderNames) . '
创建时间:	' . date('Y-m-d H:i:s', $item['btime'] / 1000) . '
修改时间:	' . date('Y-m-d H:i:s', $item['mtime'] / 1000) . '

'; // 下载按钮 $html .= '

'; $html .= '⬇️ 下载文件'; $html .= '

'; if (!empty($item['palettes'])) { $html .= '

调色板

'; $html .= '

'; foreach ($item['palettes'] as $palette) { $color = sprintf('rgb(%d,%d,%d)', $palette['color'][0], $palette['color'][1], $palette['color'][2]); $html .= '

'; $html .= '' . $palette['ratio'] . '%'; $html .= '

'; } $html .= '

'; } if (!empty($item['annotation'])) { $html .= '

注释

'; $html .= '

' . htmlspecialchars($item['annotation']) . '

'; } $html .= '

'; $html .= '

'; $html .= '

'; return $html; } private function getTypeLabel($type) { $labels = [ 'image' => '🖼️ 图片', 'video' => '🎬 视频', 'file' => '📎 文件' ]; return $labels[$type] ?? '📎 文件'; } private function renderPreview($item) { $type = $item['type']; if ($type === 'image') { return '

' . htmlspecialchars($item['name']) . '

'; } elseif ($type === 'video') { return '

'; } else { $icon = $this->getFileIcon($item['ext']); return '

' . $icon . '

' . htmlspecialchars($item['name']) . '.' . $item['ext'] . '

' . $this->formatFileSize($item['size']) . '

'; } } private function formatFileSize($bytes) { $units = ['B', 'KB', 'MB', 'GB']; $bytes = max($bytes, 0); $pow = floor(($bytes ? log($bytes) : 0) / log(1024)); $pow = min($pow, count($units) - 1); $bytes /= pow(1024, $pow); return round($bytes, 2) . ' ' . $units[$pow]; } public function render() { $folderId = $_GET['folder'] ?? null; $itemId = $_GET['item'] ?? null; $html = ''; $html .= ''; $html .= ''; $html .= ''; $html .= ''; $html .= 'Eagle 素材库查看器'; $html .= ''; $html .= ''; $html .= ''; $html .= '

'; $html .= ''; $html .= '

'; if ($itemId) { $html .= $this->renderItemDetail($itemId); } else { $folderName = $folderId ? $this->getFolderName($folderId) : '全部内容'; $html .= '

' . htmlspecialchars($folderName) . '

'; $html .= $this->renderGallery($folderId); } $html .= '

'; $html .= '

'; $html .= ''; $html .= ''; return $html; } } $libraryPath = __DIR__; $libraryUrlPath = ''; // 配置：指定资源库的相对路径（默认为当前目录） $libraryRelativePath = '案例公开.library'; // 例如：'eagle-library' if (!empty($libraryRelativePath)) { $libraryPath = __DIR__ . '/' . $libraryRelativePath; $libraryUrlPath = $libraryRelativePath; } $viewer = new EagleLibraryViewer($libraryPath, $libraryUrlPath); echo $viewer->render();