验证上传文件维度javascript

时间:2013-10-21 08:06:26

标签: javascript file validation size dimensions

我想用javascript验证文件。
我有一个表单,我上传文件。

<input type="file" name="attachment" ><span></span>
<input type="hidden" name="event_id" value="<?php print $event['id'];?>" />
<input type="submit" name="Submit" class="button" value="Schimba Imaginea"  onClick="return validateEditImageEvent()" >

我创建了一个验证表单的函数:

function validateEditImageEvent()
{
    var valid;
    valid = true;

    valid *= checkIsFile(document.forms["editImageEvent"]["attachment"]);   


    return valid > 0;
}

验证文件的函数:

function checkIsFile(el){
    span = el.parentNode.getElementsByTagName('span')[0];
    span.innerHTML="";
    if (el.value =='')
    {
        span.appendChild(eIcon("Adaugati o imagine!"));
        return false;
    }
    else
    {
        if(el.files[0].size >= 500000)
        {
            var actsize = el.files[0].size / 1000;
            var mysize = actsize.toFixed(0);
            alert('Fisierul uploadat este prea mare. Dimensiunea maxima trebuie sa fie de 500 KB.  Dimensiunea actuala este de '+mysize+' KB.');
            return false;
        }
        else
        {

            var file = el.files[0];
            if( file ) {
                var img = new Image();

                img.src = window.URL.createObjectURL( file );

                //img.onload = function() {
                    var width = img.naturalWidth,
                    height = img.naturalHeight;

                    window.URL.revokeObjectURL( img.src );

                    if( width > 2048 || height > 2048 ) {

                        alert('Imaginea are dimensiunea prea mare: '+width+'x'+height+'. Maximul admis este de 2048x2048.');
                        return false;
                    }
                    else
                    {
                        return true;
                             // form.submit(); 
                    }
                //};
            }
            else
            {
                return true;


            }
        }

    }

}

我对评论文字有疑问://img.onload = function() { };
因为当文件具有正确的尺寸时我无法返回true,因为必须调用form.submit()事件 但我只是想回归真实。

如何更改功能以删除注释代码并开始工作。如果我现在这样做,宽度和高度验证不起作用

0 个答案:

没有答案