js中文件的下载和图片预览

在JavaScript中，文件下载通常通过`a`标签的`download`属性以及`href`属性来实现。例如，如果你想让用户下载一个名为`file.txt`的文本文件：

var link = document.createElement('a');
link.href = 'file.txt';
link.download = 'file.txt'; // 设置下载名称
link.click(); // 模拟点击触发下载

对于图片预览，你可以直接创建一个`img`元素并设置其`src`属性为图片地址。如果浏览器支持，用户可以直接查看缩略图。例如：

var imgElement = document.createElement('img');
imgElement.src = 'image.jpg';
document.body.appendChild(imgElement);

如果需要提供更高级的功能，比如预览大图或者显示图片的元数据，可以使用FileReader API读取本地文件内容：

var fileInput = document.getElementById('file-input'); // 获取input[type=file]
fileInput.addEventListener('change', function(e) {
  var file = e.target.files[0];
  var reader = new FileReader();
  reader.onload = (function(file) {
    return function(e) {
      var img = document.createElement('img');
      img.src = e.target.result;
      document.body.appendChild(img); // 预览图片
    };
  })(file);
  reader.readAsDataURL(file);
});