php 上传图片前预览,jQuery实现图片文件上传之前预览功能

想要完成一件好的作品就要做到很完善，比如用jQuery实现图片上传功能，那么我们在上传之前可以预览一下吗？本文主要就和大家分享jQuery图片文件上传之前预览功能的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考，希望大家学完可以使用jQuery实现图片文件上传之前预览功能。

1、先准备一个p

onchange触发事件

2、写JS代码//上传图片之前预览图片

function preview(file){

if (file.files && file.files[0]){

var reader = new FileReader();

reader.onload = function(evt){

$("#preview").html('');

}

reader.readAsDataURL(file.files[0]);

}else{

$("#preview").html('

}

}

大家掌握了吗？这是一个很好的jQuery技巧，大家赶紧动手尝试一下吧。

相关推荐：