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

  作者:bea

<script language="javascript"> var oForm = new Object(); var oImage = new Image(); oImage.attachEvent('onload',getSize); oImage.attachEvent('onerror',doWithError); function checkImage(obj){ oForm = obj; oImage.src = oForm.oFile.valu


<script language="javascript">
var oForm = new Object();
var oImage = new Image();
oImage.attachEvent('onload',getSize);
oImage.attachEvent('onerror',doWithError);
function checkImage(obj){
oForm = obj;
oImage.src = oForm.oFile.value;
}
function getSize(){
var oImgSize = Math.floor(oImage.fileSize/1024);
if(oImgSize>200){
window.alert('不允许上传大于200KB的图片!');
oForm.reset();
}
}
function doWithError(){
window.alert('出现错误:请重新选择图片上传!');
oForm.reset();
}
</script>

<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的图片测试。


有用  |  无用

猜你喜欢