上传文件并展示

1.使用FileReader


选取一张图片,并预览

2.使用createObjectURL

$("#img_input").on("change", function(e) {

  var file = e.target.files[0];
  if (!file.type.match('image.*')) {
    return false;
  }
  // 渲染文件
  var url = URL.createObjectURL(file); //file对象继承Blob对象
  var img = 'preview';
  $(".preview_box").empty().append(img);
});

你可能感兴趣的:(上传文件并展示)