上传文件 <input> 的 php javascript 表单验证

Question

想要获取一个验证脚本来验证文件上传框的onsubmit。

检查文件的扩展名并根据加载的文件的扩展名进行验证

Answer 1

查看此处:http://jsfiddle.net/uh2Gn/

HTML:

<form method="post" enctype="" onsubmit="return validate()">
    <input type="file" id="file" />
    <input type="submit" />
</form>

JavaScript:

function validate() {
    var filename=document.getElementById('file').value;
    var extension=filename.substr(filename.lastIndexOf('.')+1).toLowerCase();
    //alert(extension);
    if(extension=='jpg' || extension=='gif') {
        return true;
    } else {
        alert('Not Allowed Extension!');
        return false;
    }
}

请记住，这只是为了用户方便，他不会通过长时间的提交过程来在服务器上收到错误，因为您肯定必须在服务器上实现检查-侧。