如何在HTML网站上显示本地项目中的文件？

<a href="path/to/your/file.pdf">点击此处下载PDF文件</a>

<input type="file" id="file-input">

<div id="file-content"></div>

<script>
  // 获取文件选择器元素
  var fileInput = document.getElementById('file-input');
  
  // 监听文件选择事件
  fileInput.addEventListener('change', function(event) {
    var file = event.target.files[0]; // 获取第一个选择的文件
    
    // 使用FileReader读取文件内容
    var reader = new FileReader();
    reader.onload = function(e) {
      var fileContent = e.target.result; // 获取文件内容
      var displayDiv = document.getElementById('file-content');
      displayDiv.innerText = fileContent; // 在页面上显示文件内容
    };
    reader.readAsText(file); // 以文本格式读取文件
  });
</script>