实现上传图片前的预览代码,Js代码库,德仔网

代码语言

代码分类

【Js】实现上传图片前的预览

作者: / 发布于2016/8/25/ 405

以前不知道 file 控件也能使用 onchange,导致面试时失去良机。 

<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("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢 !"); 
             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> 
<form name="form1" method="POST" enctype="multipart/form-data"> 
<input type="file" name="UpFile" size="46" onchange="yulan()"> 
<div id="preview"></div> 
</form>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label