如何用javascript控制上传文件的大小
如何用javascript控制上传文件的大小
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:应用了javascript和在IE下img本身的fileSize属性。另外img还有其他的几个属性,如fileCreate...

复制代码 代码如下:

<formname=Myformonsubmit="returnCheckFileSize()">

<inputtype=filename=photo><br/>

<inputtype=submitvalue=submit></form>

<SCRIPTLANGUAGE="JavaScript"><></SCRIPT>

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

复制代码 代码如下:

<inputtype="text"size="4"value="10"name="fileSizeLimit"id="fileSizeLimit"/>K

<inputtype="file"name="file1"id="file1"size="40"onchange="changeSrc(this)"/>

<imgsrc="about:blank"id="fileChecker"alt="test"height="18"/>

<scripttype="text/javascript">

varoFileChecker=document.getElementById("fileChecker");

functionchangeSrc(filePicker)

{

oFileChecker.src=filePicker.value;

}

oFileChecker.onreadystatechange=function()

{

if(oFileChecker.readyState=="complete")

{

checkSize();

}

}

functioncheckSize()

{

varlimit=document.getElementById("fileSizeLimit").value*1024;

if(oFileChecker.fileSize>limit)

{

alert("toolarge");

}

else

{

alert("ok");

}

}

</script>

复制代码 代码如下:

functionCheckFileSize()

{

varFileMaxSize=100;//限制上传的文件大小,单位(k)

vars=document.RegForm.Img_1.value;

//if(s==""){alert("Noimage,pleaseselectagain!");document.RegForm.Img_1.focus();returnfalse;}

varimg=newImage();

img.src=s;

if(img.fileSize>FileMaxSize*1024){alert("Thefilesizeexceeds"+FileMaxSize+"K,pleasechooseasmallerone!");document.RegForm.Img_1.focus();returnfalse;}

//--></SCRIPT>

<FORMaction="**.asp"method="post"onSubmit="returnCheckFileSize()"enctype="multipart/form-data"name="RegForm">

<inputname="Next"type="submit"class="pBttn"id="Next"value="Save">

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类