文件类型验证！！ 用于生成的输入文件标签元素

Question

JSP:
----

<div ID="items">  
input id="file5" type="file" path="files" name="files" size="40" /> Other documents  
</div> 

Javascript:
-----------
<script type="text/javascript">  
             var items=1;  
            function AddItem() {  
                var div=document.getElementById("items");  
                var button=document.getElementById("add");  
                items++;  
                newitem="";  
                newitem+="<input type=\"file\" path=\"files\" name=\"files\"";// + items;  
                newitem+="\"id=file"+items;  
                newitem+="\" size=\"40\"> Other documents";  
                newitem+=" <input type=\"button\" class=\"button\" id=\"delButton"+items;  
                newitem+="\" value=\"\" name=\"button"+items;  
                newitem+="\" onclick=deletethisRow("+items+")>";  
                newnode=document.createElement("div");  
                newnode.setAttribute("id","child"+items);  
                newnode.innerHTML=newitem;  
                div.insertBefore(newnode,button);  
            }  
            function deletethisRow(obj){  
                var fileElement=document.getElementById("file"+obj);  
                var buttonElement=document.getElementById("delButton"+obj);  
                var childDivName="child"+obj;  
                if (buttonElement) {      
                    var child = document.getElementById(childDivName);  
                    var parent = document.getElementById("items");  
                    parent.removeChild(child);   
                }  
             }   
</script>  

---

上面是JSP代码以及JavaScript代码段。.我正在尝试验证输入文件。

我只想上传jpg，png，pdf，doc，docx文件类型？ 关于如何实现这一点的任何想法？

谢谢并恭祝安康，
萨蒂什（Satish Krishnamurthy）

Answer 1

您可以更改输入标签：

<input type="file" name="pic" id="pic" accept=".someext, image/gif, image/jpeg" />

但是请不要依赖客户端验证。 在服务器端进行检查，否则人们可以禁用客户端检查，甚至可以上传可执行脚本。

Answer 2

function Checkfilesextension()
{
    var fileToupload = document.getElementById('elementId');
    var fileName = fileToupload .value;
    var ext = fileName.substring(fileName.lastIndexOf('.') + 1);
    ext.toLowerCase

if(ext =="GIF" || other extension) // add other extensions
{
    return true;
}
else
{
    alert("Upload only the allowed files");
    return false;
}
}

这将检查文件的扩展名。...虽然尚未测试代码