一、写一个file控件，用于选择文件；
input：id="file1" type="file"
二、写一个img控件，用于显示图片；
img：id="img1" src="" width="600"
三、引入jquery ；
四、写我们的js代码；
$(function () {
// var filetype = "jpg、gif、bmp、png、jpeg";
$("#file1").change(function () {
var file = this.files[0];
var fileType = (file.name.substring(file.name.lastIndexOf(".") + 1, file.name.length)).toLowerCase();
if ("jpg、gif、bmp、png、jpeg".indexOf(fileType) < 0) {
$("#img1").attr("src", "");
alert("请选择图片文件");
return;
}
if (this.files && file) {
var reader = new FileReader();
reader.onload = function (e) {
$("#img1").attr("src",e.target.result);
}
reader.readAsDataURL(file);
}
});
});
川公网安备 51010702003150号
留下您的脚步
最近评论