jQuery驗證圖像擴展案例

Question

我正在使用jquery驗證來驗證圖像上傳擴展。現在，我有這樣的：

$("#photo").rules("add", { 
     accept: "jpg|jpeg|png|" 
    }); 

的問題是，如果擴展名是小寫，這將只接受。我能做

$("#photo").rules("add", { 
     accept: "jpg|jpeg|png|JPG|JPEG|PNG" 
    }); 

但是我希望這個工作，即使擴展名是jPG或JPg。我想這正則表達式：

accept: "/\.(jpe?g|gif|png)$/i" 

不知道是不是我的正則表達式是錯誤的，或者插件只是不接受正則表達式。任何想法？謝謝！

Answer 1

accept僅適用於MIME類型。

如果您想通過文件擴展名來指定，則需要extension規則。

請參見：http://jqueryvalidation.org/extension-method/

Answer 2

也許你不必費心jQuery的驗證圖像推廣。

如果你不關心大小寫，您只需要使用accept的<input>屬性做到這一點，就這樣

<input type="file" name="pic" accept=".png, .jpg">

但這種方法有一定的侷限性的兼容性，請參閱： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Browser_compatibility