js 图片预览功能

回复 星标
更多
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)

});

新窗口打开 关闭