js 图片预览功能
.
.
.
.
.
.
HTML代码:
<img src="" width="" alt="" id="preview-workers1"/>
<input class="addfile" type="file" id="workers1"/>
JS代码:
$('.addfile').change(function(e){
var id = $(this).attr('id');
var file = e.target.files[0];
var type = ['image/jpeg','image/png','image/gif'];
if($.inArray(file.type, type) < 0){
alert('请选择正确的文件格式!');
return false;
}
var url = URL.createObjectURL(file);
url = url ? url : '/css/zt/2016/photograph/h5-add.jpg';
$('#preview-'+id).attr('src',url)
});