如何强制输入类型文件仅接受.html或.htm文件
在这里，我试图通过点击按钮上传html/htm文件。为此，我使用“input type=file”，我已将其“accept”属性设置为仅接受html/htm扩展，如下所示：如何强制输入类型文件仅接受.html或.htm文件,html,asp.net-mvc,input-type-file,Html,Asp.net Mvc,Input Type File,在这里，我试图通过点击按钮上传html/htm文件。为此，我使用“input type=file”，我已将其“accept”属性设置为仅接受html/htm扩展，如下所示： <input type="file" name="htmla" id="htmla" accept="text/html" /> 但它在不同的浏览器中表现出不同的行为 在firefox中，它接受所有文件 在chrome中，它接受html和图像 在IE中，与firefox相同 有没有办法让它通过javascr
<input type="file" name="htmla" id="htmla" accept="text/html" />
注意：我在MVC4中使用这个控件这是HTML5特有的属性。并非所有浏览器都支持它。如果没有，则必须在服务器上执行检查。另一种可能是检查使用javascript选择的文件的扩展名。基本上，您可以获得如下所选文件名：
$（'#htmla'）.val（）
<script>
function test(obj,filter){
var file = obj.value.match(/[^\/\\]+$/gi)[0];
var rx = new RegExp('\\.(' + (filter?filter:'') + ')$','gi');
if(filter&&file&&!file.match(rx)){
alert("check the file type, only html is accepted");
//input file
//it's totally a bad idea...
//document.body.innerHTML = "<input type='file' onchange=\"test(this,'html');\" >";
}
}
</script>
<body>
<input id="inputFile" type="file" onchange="test(this,'html');">
</body>
功能测试（obj、过滤器）{
var file=obj.value.match（/[^\/\\]+$/gi）[0]；
var rx=new RegExp（'\\.（'+（过滤器？过滤器：'+'））$，'gi'）；
if（过滤器和文件和文件匹配（rx））{
警报（“检查文件类型，仅接受html”）；
//输入文件
//这完全是个坏主意。。。
//document.body.innerHTML=“”；
}
}
也许这应该适合您在标准输入控制中，您无法实现它 是的，在文件输入控件上有一个
“accept”function ValidateFile() {
var fileName = document.getElementById("inputFileId").value
if (fileName == "") {
alert("upload a valid File with .htm extension");
return false;
}
else if (fileName.split(".")[1].toUpperCase() == "HTM")
return true;
else {
alert("Invalid File");
return false;
}
return true;
}
但是没有什么可以阻止用户将可执行文件重命名为
.htmldocument.body.innerHTML=不可能阻止用户将可执行文件重命名为.htmlif/else