在 JavaScript 中，可以通过 input 标签和 FileReader API 来实现上传文件并判断文件类型的功能。以下是一个简单的示例： HTML 代码：

htmlCopy code<input type="file" id="fileInput" onchange="checkFileType()">

JavaScript 代码：

javascriptCopy codefunction checkFileType() {  // 获取文件输入框元素  var fileInput = document.getElementById("fileInput");  // 获取文件对象  var file = fileInput.files[0];  // 创建 FileReader 对象  var reader = new FileReader();  // 读取文件  reader.readAsArrayBuffer(file);  // 文件读取完成时触发  reader.onloadend = function() {    // 获取文件的类型    var type = getFileType(new Uint8Array(reader.result));    // 判断文件类型    if (type === "pdf") {      console.log("文件类型为 PDF");    } else if (type === "jpg" || type === "jpeg") {      console.log("文件类型为 JPG/JPEG");    } else if (type === "png") {      console.log("文件类型为 PNG");    } else {      console.log("文件类型不支持");    }  };}function getFileType(bytes) {  // 根据文件头判断文件类型  if (bytes[0] === 0x25 && bytes[1] === 0x50 && bytes[2] === 0x44 && bytes[3] === 0x46) {    return "pdf";  } else if (bytes[0] === 0xff && bytes[1] === 0xd8) {    return "jpg";  } else if (bytes[0] === 0x89 && bytes[1] === 0x50 && bytes[2] === 0x4e && bytes[3] === 0x47) {    return "png";  } else {    return "unknown";  }}

以上代码中，checkFileType 函数用于获取文件对象并读取文件内容，通过调用 getFileType 函数判断文件类型，并根据文件类型进行相应的处理。getFileType 函数根据文件头信息判断文件类型，目前支持判断 PDF、JPG/JPEG 和 PNG 文件类型。需要注意的是，这种方式只能判断文件类型是否符合要求，但并不能保证文件内容的安全性，还需要进行其他安全性检查。