我想用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()
事件
但我只是想回归真实。
如何更改功能以删除注释代码并开始工作。如果我现在这样做,宽度和高度验证不起作用