JavaScript在本地环境中动态链接可变文件名PDF的挑战与限制

document.write("<a href="+regrf[n][0]+".pdf"><img src='images/drawing.png'></a>");

regrf=new Array();
// 假设外部更新机制能够提供完整的PDF文件名
regrf[0]=new Array("1234","Product1", "1234 Rev.1.pdf"); // 产品1的当前PDF文件
regrf[1]=new Array("5678","Product2", "5678 Rev.2.pdf"); // 产品2的当前PDF文件

// 在生成链接时，直接使用数组中存储的完整文件名
document.write("<a href='" + regrf[n][2] + "'><img src='images/drawing.png'></a>");

// server.js (Node.js)
const http = require('http');
const fs = require('fs');
const path = require('path');

const pdfDir = './drawings'; // 假设PDF文件都在此目录

http.createServer((req, res) => {
    if (req.url === '/api/drawing-list') {
        fs.readdir(pdfDir, (err, files) => {
            if (err) {
                res.writeHead(500, { 'Content-Type': 'application/json' });
                res.end(JSON.stringify({ error: 'Failed to read directory' }));
                return;
            }

            const drawingMap = {};
            files.forEach(file => {
                // 简单的解析逻辑，可能需要更复杂的正则表达式来处理各种修订号格式
                const match = file.match(/^(\d+)(?: Rev\.\d+)?\.pdf$/);
                if (match) {
                    const partNumber = match[1];
                    // 这里可以实现更复杂的逻辑来选择最新修订版，
                    // 比如按版本号排序，目前只是简单覆盖
                    drawingMap[partNumber] = file; 
                }
            });

            res.writeHead(200, { 'Content-Type': 'application/json' });
            res.end(JSON.stringify(drawingMap));
        });
    } else {
        // 简单地提供静态文件服务，例如index.html
        fs.readFile(path.join(__dirname, req.url === '/' ? 'index.html' : req.url), (err, data) => {
            if (err) {
                res.writeHead(404);
                res.end('Not Found');
            } else {
                res.writeHead(200);
                res.end(data);
            }
        });
    }
}).listen(3000, () => {
    console.log('Server running at http://localhost:3000/');
});

// client.js
const regrf = [
    ["1234", "Product1"],
    ["5678", "Product2"]
];

async function loadDrawings() {
    try {
        const response = await fetch('/api/drawing-list');
        const drawingMap = await response.json();

        const container = document.getElementById('product-list'); // 假设有一个容器元素
        regrf.forEach(product => {
            const partNumber = product[0];
            const productName = product[1];
            const drawingFileName = drawingMap[partNumber] || `${partNumber}.pdf`; // 如果没有找到，提供一个默认值

            const link = document.createElement('a');
            link.href = `drawings/${drawingFileName}`; // 假设PDF在drawings子目录
            link.target = "_blank"; // 在新标签页打开

            const img = document.createElement('img');
            img.src = 'images/drawing.png';
            img.alt = `Drawing for ${partNumber}`;

            link.appendChild(img);
            link.appendChild(document.createTextNode(` ${partNumber} - ${productName}`));

            const listItem = document.createElement('div');
            listItem.appendChild(link);
            container.appendChild(listItem);
        });

    } catch (error) {
        console.error('Error fetching drawing list:', error);
        // 提供备用方案或错误提示
    }
}

// 页面加载完成后调用
document.addEventListener('DOMContentLoaded', loadDrawings);