深山工作室 >

图片上传时，如果格式不正确，跳出警告

以下为详细代码

图片上传时，如果格式不正确，跳出警告，
方法差不多，唯一不同的是，两个预览方式不同。
<p>
第一种方法

<form name="form5" id="form5" method="post" action="#">
<input type="file" name="file5" id="file5" onchange="preview5()"/>
</form>

<script type="text/javascript">
function preview5(){  
  var x = document.getElementById("file5");  
  if(!x || !x.value) return;  
  var patn = /\.jpg$|\.jpeg$|\.gif$/i;  
  
  if(patn.test(x.value)){    
    var y = document.getElementById("img5");    
    if(y){      
        y.src = 'file://localhost/' + x.value;
        }else{      
              var img=document.createElement('img');      
              img.setAttribute('src','file://localhost/'+x.value);      
              img.setAttribute('width','120');      
              img.setAttribute('height','90');      
              img.setAttribute('id','img5');      
              document.getElementById('form5').appendChild(img);    
              }  
    }else{    
        alert("您选择的似乎不是图像文件。");  
        }
  
  }
</script>

第二种方法
<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+"' style='border:6px double #ccc';padding:5px;>"
        }
	
}
</script>
<form name="form1" method="POST" enctype="multipart/form-data">
<input type="file" name="UpFile" size="46" onchange="yulan()">
<div id="preview"></div>
</form>

前一页:双击文字后实现编辑文本功能

后一页:javascript表单验证！

相关阅读: Shopify 店铺被封原因与防范及如何解封办法; 网页添加WhatsApp跳转链接教程; shopify广告与Facebook广告操作; 越狱ios老应用老游戏合集下载; 微信公众平台; 旅行社网站管理系统商业版4.0发布; 默认系统; 微信公众号用户关注时自动推送回复小程序卡片(图文卡片)不需要第三方平台就可以做

更多>>表单特效相关信息: input文本输入框只能输入数字或字母或汉字等; 用于深山在线投票的一个javascript统计checkbox现在选中的个数一边点复选框一边验证并计算现在选了多少个复选框; 利用javascript简短功能就可以检查form表单中的元素是否已经填写; javascript日期验证比较; javascript 根据汉字拼音首字母快速定位下拉列表

更多>>最新添加: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法

服务热线: 13961347334

: 微信公众号二维码

: 百度小程序二维码

: 头条抖音小程序二维码

: 联系微信二维码

: 联系QQ二维码

Copyright © 深山工作室 All Rights Reserved
服务QQ:565449214 手机:13961347334
ICP备案:苏ICP备15019627号
苏公网安备 32070502010230号