管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

javascript检测(控制 )上传文件大小

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Avar%20oForm%20%3D%20new%20Object()%3B%20%0D%0Avar%20oImage%20%3D%20new%20Image()%3B%20%0D%0AoImage.attachEvent('onload'%2CgetSize)%3B%20%0D%0AoImage.attachEvent('onerror'%2CdoWithError)%3B%20%0D%0Afunction%20checkImage(obj)%7B%20%0D%0AoForm%20%3D%20obj%3B%20%0D%0AoImage.src%20%3D%20oForm.oFile.value%3B%20%0D%0A%7D%20%0D%0Afunction%20getSize()%7B%20%0D%0Avar%20oImgSize%20%3D%20Math.floor(oImage.fileSize%2F1024)%3B%20%0D%0Aif(oImgSize%3E200)%7B%20%0D%0Awindow.alert('%E4%B8%8D%E5%85%81%E8%AE%B8%E4%B8%8A%E4%BC%A0%E5%A4%A7%E4%BA%8E200KB%E7%9A%84%E5%9B%BE%E7%89%87%EF%BC%81')%3B%20%0D%0AoForm.reset()%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20doWithError()%7B%20%0D%0Awindow.alert('%E5%87%BA%E7%8E%B0%E9%94%99%E8%AF%AF%EF%BC%9A%E8%AF%B7%E9%87%8D%E6%96%B0%E9%80%89%E6%8B%A9%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%EF%BC%81')%3B%20%0D%0AoForm.reset()%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">

<form name="data_form" method="post" enctype="multipart/form-data"> 
<input type="file" name="oFile" onpropertychange="javascript:checkImage(document.data_form);"> 
</form>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　测试过程，可以通过选择非图片与图片大小超过200K的图片测试。

教程首页更多教程