如何使用正則表達式驗證表單上的輸入文件名？

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

此外，您必須確保用戶輸入圖像，因為任何具有修改擴展名的文件都將通過此測試。