<input type="file" id="my-file">
<img id="my-img">
<script>
$("#my-file").change(function () {
//获取上传的文件
var file=$("#carimg").get(0).files[0];
//创建文件读取对象
var reader=new FileReader();
//读取file文件
reader.readAsDataURL(file);
//读取成功后执行函数
reader.onload=function (ev) {
//获取显示图片的元素标签
var $my = $("#my-img");
//ev中target的result的值赋给元素标签src
$my.get(0).src=ev.target.result;
}
})
</script>
实现input type=file标签上传图片的实时预览
最新推荐文章于 2024-07-24 14:03:49 发布