从桌面导入图像到JavaScript代码的简单方法？

<input type="file" id="imageInput">
<img id="previewImage" src="" alt="Preview Image">

<script src="your-script.js"></script>

// 获取文件输入框和预览图像元素
var imageInput = document.getElementById('imageInput');
var previewImage = document.getElementById('previewImage');

// 监听文件选择事件
imageInput.addEventListener('change', function(event) {
  var file = event.target.files[0]; // 获取选择的文件

  if (file) {
    var reader = new FileReader(); // 创建文件读取器

    // 文件读取完成时的回调函数
    reader.onload = function(e) {
      previewImage.src = e.target.result; // 将读取的数据URL赋值给预览图像元素的src属性
    };

    // 读取文件
    reader.readAsDataURL(file);
  }
});