JS 判断 图片上传_限制格式、类型、尺寸
2009-03-17 08:37
387 查看
用HTML的File控件上传图片,用JS判断和限制图片格式、类型、尺寸
//判断图片类型
var f=document.getElementById("File1").value;
if(f=="")
{ alert("请上传图片");return false;}
else
{
if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f))
{
alert("图片类型必须是.gif,jpeg,jpg,png中的一种")
return false;
}
}
function CheckFile(f,p)
2<input type="file" id="UpFile_Photo1" runat="server" name="UpFile_Photo1"
2size="35" onpropertychange="CheckFile(this.value,this)">小图<br />
3<input type="file" id="UpFile_Photo2" runat="server" name="UpFile_Photo2"
4size="35" onpropertychange="CheckFile(this.value,this)">中图<br />
5<input type="file" id="UpFile_Photo3" runat="server" name="UpFile_Photo3"
6size="35" onpropertychange="CheckFile(this.value,this)">大图<br />
//判断图片类型
var f=document.getElementById("File1").value;
if(f=="")
{ alert("请上传图片");return false;}
else
{
if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f))
{
alert("图片类型必须是.gif,jpeg,jpg,png中的一种")
return false;
}
}
function CheckFile(f,p)
2<input type="file" id="UpFile_Photo1" runat="server" name="UpFile_Photo1"
2size="35" onpropertychange="CheckFile(this.value,this)">小图<br />
3<input type="file" id="UpFile_Photo2" runat="server" name="UpFile_Photo2"
4size="35" onpropertychange="CheckFile(this.value,this)">中图<br />
5<input type="file" id="UpFile_Photo3" runat="server" name="UpFile_Photo3"
6size="35" onpropertychange="CheckFile(this.value,this)">大图<br />
相关文章推荐
- JS 判断 图片上传_限制格式、类型、尺寸
- 用HTML的File控件上传图片,用JS判断和限制图片格式、类型、尺寸
- JS收集:图片上传_限制格式、类型、尺寸
- JS判断限制上传文件(图片)类型
- 上传图片js判断图片尺寸和格式兼容IE
- 上传图片js判断图片尺寸和格式兼容IE
- 上传图片js判断图片尺寸和格式
- js限制上传图片的格式和尺寸
- 上传图片js判断图片尺寸和格式兼容IE
- input type='file'上传图片限制大小,类型判断,以及原生js实现上传至后端前实现图片显
- php上传图片,解决in_array无效的问题,以及判断图片格式类型
- js图片上传验证图片格式和大小尺寸
- js判断上传图片大小及尺寸
- js限制上传图片类型和大小
- [转]前台JS限制上传图片质量大小和尺寸!
- 上传图片时js验证图片大小、尺寸、格式
- js判断上传图片大小限制300k
- 通过input上传图片,判断不同浏览器及图片类型和大小的js代码
- <input type = file/>上传图片限制大小、类型判断、像素判断
- Springmvc图片文件的上传以及通过js判断图片格式