前端文件实现对jpeg,tiff文件分辨率的读取，并判断dpi是否大于300

要读取JPEG和TIFF文件的分辨率，并判断dpi是否大于300，你可以使用JavaScript中的FileReader对象和第三方库exif.js。

function readImageResolution() {
  // 获取上传的文件
  var file = document.getElementById("imageInput").files[0];
  
  // 创建一个FileReader对象
  var reader = new FileReader();
  
  // 当文件读取完成时执行以下代码
  reader.onload = function(e) {
    // 获取文件的二进制数据
    var buffer = e.target.result;
    
    // 使用exif.js库来解析文件的Exif信息
    var exifData = EXIF.readFromBinaryFile(buffer);
    
    // 从Exif信息中获取图片的分辨率和dpi值
    var width = exifData.ImageWidth;
    var height = exifData.ImageHeight;
    var xResolution = exifData.XResolution;
    var yResolution = exifData.YResolution;
    
    // 计算dpi值
    var dpi = Math.round(Math.sqrt(xResolution * yResolution));
    
    // 判断dpi是否大于300
    if (dpi > 300) {
      // 将宽度、高度和dpi输出到控制台
      console.log("图片分辨率为：" + width + "x" + height + "，dpi为：" + dpi);
    } else {
      alert("上传的图片分辨率不符合要求，请上传分辨率大于300dpi的图片。");
      document.getElementById("imageInput").value = "";
    }
  };
  
  // 将文件读取为二进制数据
  reader.readAsArrayBuffer(file);
}

在上面的代码中，我们使用FileReader对象来读取文件的二进制数据，然后使用exif.js库来解析文件的Exif信息，从而获取图片的宽度、高度和dpi值，计算dpi值并判断是否大于300。如果dpi小于等于300，就弹出一个提示框并清空文件选择框。

请注意，上面的代码仅是一个简单的示例。实际应用中，你可能需要更复杂的逻辑来处理不同类型的文件，例如判断文件类型、处理异常情况等等。