仅当href文件存在时才显示链接

基础概念

在Web开发中，<a>标签用于创建超链接，href属性指定了链接的目标地址。要实现仅当文件存在时才显示链接，可以通过服务器端脚本或客户端脚本来检查文件是否存在。

类型

服务器端检查：通过服务器端脚本（如PHP、Node.js等）检查文件是否存在。
客户端检查：通过JavaScript在客户端检查文件是否存在。

应用场景

适用于需要动态显示链接的场景，例如：

文件下载链接
图片链接
文档链接

示例代码

服务器端检查（PHP）

<?php
$file_exists = file_exists('path/to/file');
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Check File Existence</title>
</head>
<body>
    <?php if ($file_exists): ?>
        <a href="path/to/file">Download File</a>
    <?php else: ?>
        <p>File does not exist.</p>
    <?php endif; ?>
</body>
</html>

客户端检查（JavaScript）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Check File Existence</title>
    <script>
        function checkFileExistence(url) {
            fetch(url, { method: 'HEAD' })
                .then(response => {
                    if (response.ok) {
                        document.getElementById('link').style.display = 'block';
                    } else {
                        document.getElementById('link').style.display = 'none';
                    }
                })
                .catch(() => {
                    document.getElementById('link').style.display = 'none';
                });
        }

        window.onload = function() {
            checkFileExistence('path/to/file');
        };
    </script>
</head>
<body>
    <a id="link" href="path/to/file" style="display: none;">Download File</a>
</body>
</html>