管理杂谈OA答疑ERP答疑教程搜索

JavaScript上传图片前判断格式并预览(按比例)


javascript判断上传图片的格式,并按比例预览图片,比较实用的一个javascript应用,在ie8下测试也兼容,代码简洁,复制到你的网页就可以用了。

<title>

    上传图片前判断格式并预览

</title>
<script>
function yulan()

{

var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)

        fileext=fileext.toLowerCase()

        if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))

        {

            alert(" www.codefans.net 友情提示:请上传规定格式的图片,谢谢 !");

             document.form1.UpFile.focus();

        }

        else

        {

        //alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句

  document.getElementById("preview").innerHTML="<img src='"+document.form1.UpFile.value+"' width=120 style='border:6px double #ccc'>"

        }

}
</script>
<input type="file" name="UpFile" size="50" onchange="yulan()"/>

<div id="preview"></div>


更多精彩文章浏览...
点击右上角图标分享到朋友圈
官方网站:http://www.clicksun.cn
咨询热线:400-186-1886
服务邮箱:service@clicksun.cn