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

File type validation!! for generated input file tag elements

本文关键字：文件 输入 元素 类型 验证 用于      更新时间：2023-09-26
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•

你可以改变你的输入标签:

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

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

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;
}
}

这将检查文件的扩展名....没有通过

测试代码
相关文章：