当前位置: 网学 > 编程文档 > JSP > 正文

JS实现对上传文件大小的控制

来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 12/10/17
下载{$ArticleTitle}原创论文样式
<form name=Myform onsubmit=\"return CheckFileSize()\"> 
<input type=file name=photo><br/> 
<input type=submit value=submit></form> 

<SCRIPT LANGUAGE=\"JavaScript\"><!-- 
function CheckFileSize() 

var s = document.Myform.photo.value; 
if(s==\" \")return false; 
var img = new Image(); 
img.src = s; 
alert(\"高 = \"+ img.height + \"n宽 = \"+ img.width); 
alert(\"fileSize = \"+ img.fileSize +\" 字节\"); 
return false; 

//--></SCRIPT> 
应用了javascript和在IE下img本身的fileSize属性。另外img还有其他的几个属性,如fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters,我们可以通过这些属性来获取图片文件的部分信息,如文件大小,我们用file表单同img标签结合,就能够在上传之前判断图片文件的大小是否合法了。

限制:<input type=\"text\" size=\"4\" value=\"10\" name=\"fileSizeLimit\" id=\"fileSizeLimit\"/> K
<input type=\"file\" name=\"file1\" id=\"file1\" size=\"40\" onchange=\"changeSrc(this)\"/>
<img src=\"about:blank\" id=\"fileChecker\" alt=\"test\" height=\"18\"/>

<script type=\"text/javascript\">
var oFileChecker = document.getElementById(\"fileChecker\");

function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}

oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == \"complete\")
{
checkSize();
}
}

function checkSize()
{
var limit = document.getElementById(\"fileSizeLimit\").value * 1024;

if (oFileChecker.fileSize > limit)
{
alert(\"too large\");
}
else
{
alert(\"ok\");
}
}
</script> 
我的一个项目里这样用(pendlehill)

function CheckFileSize() 

var FileMaxSize = 100;//限制上传的文件大小,单位(k)
var s = document.RegForm.Img_1.value; 
//if(s==\"\"){alert(\"No image,please select again!\");document.RegForm.Img_1.focus(); return false;} 
var img = new Image(); 

img.src = s; 

if(img.fileSize>FileMaxSize*1024){alert(\"The file size exceeds \"+FileMaxSize+\"K,please choose a smaller one!\");document.RegForm.Img_1.focus();return false;}

//--></SCRIPT> 
<FORM action=\"**.asp\" method=\"post\" onSubmit=\"return CheckFileSize()\" enctype=\"multipart/form-data\" name=\"RegForm\"> [Page]
<input name=\"Next\" type=\"submit\" class=\"pBttn\" id=\"Next\" value=\"Save\">

网学推荐

免费论文

原创论文

浏览:
设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved
湘ICP备09003080号