html jquery input显示上传的图片

$('#upload').on('change',function(){
     var filePath = $(this).val(),
         //获取到input的value,里面是文件的路径,但是不能用
     fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase(),
     src = window.URL.createObjectURL(this.files[0]);
     // 检查是否是图片
     if( !fileFormat.match(/.png|.jpg|.jpeg/) ) {
         alert('上传错误,文件格式必须为:png/jpg/jpeg');
         return;
     }
     alert(filePath)
  //target-img'是显示图片的元素
     $('#target-img').attr('src',src);
 });

你可能感兴趣的:(html jquery input显示上传的图片)