$('.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]); } }