请用jQuery和<input>标签写一个实现图片预览功能的代码

好的，以下是一个简单的图片预览功能的代码，使用了jQuery和HTML的<input>标签：

HTML代码：

<input type="file" id="image-upload">
<div id="image-preview"></div>

jQuery代码：

$(document).ready(function() {
  // 监听文件选择框的变化
  $('#image-upload').on('change', function() {
    // 获取选中的文件
    var file = this.files[0];
    
    // 创建FileReader对象
    var reader = new FileReader();
    
    // 读取文件
    reader.readAsDataURL(file);
    
    // 监听读取完成事件
    reader.onload = function(e) {
      // 创建图片元素
      var img = document.createElement('img');
      img.src = e.target.result;
      
      // 将图片添加到预览区域
      $('#image-preview').empty().append(img);
    }
  });
});

这段代码会在页面加载完成后，监听文件选择框的变化事件，当用户选择了一张图片后，会使用FileReader对象读取图片文件，并在读取完成后显示预览图像。