ファイルアップロードの検証 - Jqueryと "Accept"属性

Question

私はファイルをアップロードするためにフォームを使用しています。 PDFファイルのみをアップロードします。

@Html.FileBox(m => m.FileName, new { id = "FileName", accept = "application/pdf" }) 

と、エラー・メッセージ（複数可）を表示する場所：のために生成さ

@Html.ValidationMessageFor(m=>m.FileName) 

コードを

入力ボックスは、ユーザーがファイルを選択できるようにする：これは私のコードです入力フィールドには、次のとおりです。

<input id="FileName" type="file" name="FileName" data-val-required="The File Name field is required." data-val-length-max="512" data-val-length="The field File Name must be a string with a maximum length of 512." data-val="true" accept="application/pdf"> 

は、今私はPDFファイルを選択した場合でも、私はエラーを取得する Please enter a value with a valid extension.

私はMVC 3と邪魔にならないjqueryを使ってフォームを検証しています。

Answer 1

jQuery検証に組み込まれている "accept"ルールメソッドは、 "jpg | png"に似た形式で値を受け取ります。

"accept" HTML属性は、 "image/jpeg、image/png"に似た形式をとります。

jQuery検証とHTML標準はこの点で互換性がないようです。

ここでは、jQuery Validation's "accept" ruleとHTML5 "accept" attributeについて詳しく読むことができます。あなたの属性を受け入れるように両方のフォーマットを置く場合

Answer 2

私は同じ問題があり、accept属性の検証を完全に無効にする必要がありました。私は私のページに次の行を追加しました：

$ .validator.addMethod（ 'accept'、function（）{return true;}）;

Answer 3

それは

accept="image/jpeg,image/png,jpg|png" 

Answer 4

動作するはずです彼らはバージョン1.10.0で「受け入れる」メソッドの動作を変更しました。ファイル拡張子をチェックする代わりに、MIMEタイプを調べます。古い振る舞いが "拡張"メソッドとして利用可能になりました。したがって、jqueryの検証プラグインのバージョンを更新するだけで完了です。現在のバージョン1.9.0を1.11.0に置き換え、有効なMIMEタイプをaccept-attributとして設定しました。現在、期待どおりに動作しています：

accept="image/*, application/pdf"