博客列表 >上传图片本地预览加载图片

上传图片本地预览加载图片

Dai的博客
Dai的博客原创
2018年04月25日 17:04:59935浏览
$('.inputFile').change(function(){
    // console.log($(this).val().substr($(this).val().indexOf(".")));
    $suffix = $(this).val().substr($(this).val().indexOf("."));
    console.log($suffix);
    if (($suffix == '.pdf' || $suffix == '.docx' || $suffix == '.doc') && $(this).val() != '') {
        $(this).prev('i').before('<span>'+$(this).val()+'</span><br>')
    }else if(($suffix == '.png' || $suffix == '.jpeg' || $suffix == '.jpg') && $(this).val() != ''){
        $(this).prev('i').before('<span><img src="" id="img'+i+'" class="styleImg"></span><br>')
    }else{
        alert('您上传的文件格式不符合要求!');
    }

    readURL(this,$suffix);
});

//预览图片
function readURL(input,suffix) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            if (suffix == '.pdf') {
                //$(id).attr('href', e.target.result).fadeIn('slow');
            }else{
                $(id).attr('src', e.target.result).fadeIn('slow');
            }
        }
        reader.readAsDataURL(input.files[0]);
    }
}


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议