当前位置: 代码迷 >> JavaScript >> 怎么显示文件图标
  详细解决方案

怎么显示文件图标

热度:151   发布时间:2013-08-01 15:23:18.0
如何显示文件图标
做web上传文件时如何根据文件扩展名显示文件图标?

------解决方案--------------------
做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>

------解决方案--------------------
引用:
做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>
+
  相关解决方案