还有别的实现方式没？

除了使用HTML的<input type="file">元素来创建一个文件选择器，还可以使用JavaScript库来实现更加交互式和可定制化的文件上传功能。比如，可以使用Dropzone.js、Fine Uploader、jQuery File Upload等第三方库来实现文件上传。

这些库提供了丰富的功能，如拖放上传、多文件上传、文件类型验证、进度条显示、上传前/后的钩子函数等。使用这些库可以帮助您更加轻松地实现一个完整的文件上传功能。

以下是一个使用Dropzone.js实现文件上传的示例代码：

<!-- 引入Dropzone.js库 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.2/dropzone.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.2/dropzone.min.js"></script>

<!-- 创建一个Dropzone实例 -->
<div id="myDropzone" class="dropzone"></div>
<script>
  // 配置Dropzone选项
  Dropzone.options.myDropzone = {
    url: "/upload.php",
    paramName: "pdfFile",
    maxFilesize: 10, // 限制文件大小为10MB
    acceptedFiles: ".pdf", // 限制文件类型为PDF
    init: function() {
      this.on("complete", function(file) {
        // 上传完成后的回调函数
        alert("文件上传完成！");
      });
    }
  };
</script>

在这个例子中，我们使用Dropzone.js创建了一个名为“myDropzone”的文件上传区域，并配置了上传文件的参数和选项。当用户选择文件并拖放到上传区域时，Dropzone.js会自动处理文件上传，并在上传完成后调用回调函数。

总之，使用JavaScript库可以使文件上传功能更加灵活和定制化，但需要花费更多的时间和精力来学习和配置。