做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>