判断 文件地址 浏览器是否支持预览

应用场景： 文件能预览就预览，不能预览进行下载。 在预览之前需要知道浏览器是否支持预览。

在JavaScript中，可以通过尝试创建一个元素（如<a>标签或<iframe>）并设置其href或src属性为文件的网络地址来测试是否可以预览文件。如果浏览器能够预览文件，它通常会打开一个内置的查看器（如PDF阅读器、图片查看器等）。以下是一个简单的示例函数，用于判断文件网络地址是否可以在浏览器中预览：

function canPreviewFile(fileUrl) {
  // 创建一个iframe元素
  var iframe = document.createElement('iframe');
  iframe.style.display = 'none'; // 隐藏iframe
  document.body.appendChild(iframe); // 添加到DOM中
 
  // 设置iframe的src属性为文件网络地址
  iframe.onload = function() {
    // 当iframe加载完成后，移除iframe
    document.body.removeChild(iframe);
  };
 
  iframe.onerror = function() {
    // 如果加载出错，说明不能预览
    document.body.removeChild(iframe);
    return false; // 返回false表示不能预览
  };
 
  iframe.src = fileUrl; // 开始加载文件网络地址
  return true; // 返回true表示可能可以预览
}
 
// 使用示例
var fileUrl = "http://example.com/file.pdf";
console.log(canPreviewFile(fileUrl)); // 根据实际情况，可能输出true或false

请注意，这种方法并不是百分百准确的，因为它依赖于浏览器对文件类型的支持以及内置的查看器。某些文件类型，尤其是非标准的或需要特定插件的文件类型，可能会导致错误，而不能预览。