js 文件选择控件

document.querySelector('input[type="file"]').addEventListener('change', function(event) {
  const file = event.target.files[0];
  if (file && file.type.startsWith('image/')) {
    const reader = new FileReader();
    reader.onload = function(e) {
      document.querySelector('img').src = e.target.result;
    };
    reader.readAsDataURL(file);
  }
});

document.querySelector('input[type="file"]').addEventListener('change', function(event) {
  const file = event.target.files[0];
  if (file && !file.type.startsWith('image/')) {
    alert('请选择图片文件！');
    event.target.value = ''; // 清空文件输入
  }
});

const maxSize = 1024 * 1024; // 1MB
document.querySelector('input[type="file"]').addEventListener('change', function(event) {
  const file = event.target.files[0];
  if (file && file.size > maxSize) {
    alert('文件大小不能超过1MB！');
    event.target.value = ''; // 清空文件输入
  }
});