如何使用正则表达式验证表单上的输入文件名？

Question

我需要验证html表单中的输入文件是否为图像，我已经在html页面内制作了以下代码，但它不起作用......

 script type="text/javascript" language="javascript" 
    function valida(f){
        var campo = f.immagine.value;
        //window.alert(campo);
        var er = /^+.[\.]([jpg]|[gif]|[png])$/;
        if(er.test(campo)) {
            windows.alert("espressione regolare corretta");
            return true;
        }
        else {
            windows.alert("espressione regolare non corretta");
            f.immagine.style = "color:#F00";
            return false;   
        }
    }
/script

我的html代码：

form  onsubmit="return valida(this)" action="inserisci_articolo1.php" enctype="multipart/form-data" method="post">
    input type="file" name="immagine" id="immagine" /
/form

Answer 1

var er = /^.+\.(jpe?g|gif|png)$/i;

你去吧。 问题是您将.+以错误的顺序放在开头，并且不应该封装 jpg/gif/png 和[]的点。 现在正则表达式应该适用于*.jp(e)g 、 *.gif和*.png 。 我还在列表中添加了jpeg并使正则表达式不区分大小写。

另外，请注意它是window不是windows ，并且f.immagine.style是一个对象，而不是一个字符串，所以使用类似f.immagine.style.color = "#f00";

此外，您必须确保用户输入图像，因为任何具有修改扩展名的文件都将通过此测试。