前端文件实现对jpeg,tiff文件分辨率的读取

要读取JPEG和TIFF文件的分辨率，你可以使用JavaScript中的FileReader对象和第三方库exif.js。

1. 首先，在HTML中添加一个input元素，用于选择要读取的文件：

<input type="file" name="image" id="imageInput" onchange="readImageResolution()">

2. 然后，在JavaScript中编写一个函数来读取文件的分辨率。以下是一个例子：

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信息中获取图片的宽度和高度
    var width = exifData.ImageWidth;
    var height = exifData.ImageHeight;
    
    // 将宽度和高度输出到控制台
    console.log("图片分辨率为：" + width + "x" + height);
  };
  
  // 将文件读取为二进制数据
  reader.readAsArrayBuffer(file);
}

在上面的代码中，我们使用FileReader对象来读取文件的二进制数据，然后使用exif.js库来解析文件的Exif信息，从而获取图片的宽度和高度。

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