怎么限制上传文件的类型和大小

ww_stone 2007-02-27 11:08:33
怎么用javascript限制上传的文件类型和大小。例如为jpg、gif图片;且大小在200*100 到 400*300之间;满足条件时自动改为400*300上传。

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<form name="thisform" enctype="multipart/form-data" method="post" action="photoUpload.jsp">
<input type="file" name="uploadfile"><input type="button" value="上传" onclick=checkPhoto()>

</form>
</BODY>
</HTML>
<script>
function checkPhoto(){
if(thisform.uploadfile.value==""){
alert("请选择需要上传的文件");
return;
}

var re=/\.(gif|jpg)$/i
if(!re.test(document.getElementById("uploadfile").value))
{
alert("只允许上传.jpg和.gif类型图片文件");
return;
}


thisform.submit();
}
</script>
...全文
458 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
cuigod 2007-02-27
  • 打赏
  • 举报
回复
function checkFile(obj)//obj是你那个file框
{
var sArray=new Array();
sArray.push("gif");
sArray.push("jpg");
sArray.push("jpeg");
var fileCheck=obj.value;
if(fileCheck!="")
{
var s=fileCheck.match(/^(.*)(\.)(.{1,8})$/)[3];
s=s.toLowerCase();
var bM=false;
for(var i=0;i<=2;i++)
{
if(s==sArray[i]) bM=true;
}
if(!bM)
{
alert("对应的图片文件格式不正确!请使用jpg/jpeg/gif.");
return false;
}

var imgcheck=new Image();
imgcheck.src=fileCheck;
imgcheck.attachEvent("onreadystatechange",orsc);


}
}
function orsc()
{if(imgcheck.readyState!="complete")return false;
var maxsize=500*1024;
if(imgcheck.fileSize>maxsize)
{
//alert("文件大小过大,请压缩至500K以内")
return false;
}
if(imgcheck.height>?????)//你的图片尺寸条件写到这里
{
..............
}
}
waveboy28 2007-02-27
  • 打赏
  • 举报
回复
同样关注 现在我还没有找到解决方案 都是到后台判断的 相当浪费网络资源

不过我看到别人的程序就能在前台判断文件的大小 很想知道

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧