如何显示文件图标

Question

做web上传文件时如何根据文件扩展名显示文件图标？

Answer 1

做4张图片就行了(gif.jpg，jpg.jpg，bmp.jpg，png.jpg)，file的onchange通过file.value获取到后缀，然后设置img标签的src为后缀.jpg就行了<input type="file" onchange="setImg(this.value)"/><img id="img"/>
<script>
function setImg(v){
  var ext=/\.(gif|jpg|png|bmp)$/i.exec(v)
  if(ext)document.getElementById('img').src=ext[1]+'.jpg';//注意修改路径
  else alert('图片文件格式不对')
}
</script>