web-dev-qa-db-ja.com

入力ファイルが空であることを確認する方法、およびjqueryを使用してpng形式が選択されている場合にアラートを表示する方法

入力ファイルのアップロードがあります。アップロードされたファイルを確認する必要があります/ jqueryを使用してクライアントがファイルを選択していない場合。

<input type="file" name="files" id="file1" style="color:White" />
<input type="submit" value="Create" />

送信がクリックされると、チェックがトリガーされます。

jqueryhtmlfile-upload
15
Mr A

私が作成したサンプルを参照してください：

http://jsfiddle.net/G7xke/

<form>
<input type="file" name="files" id="file1" style="color:White" />
<input type="submit" value="Create" />
</form>
<button value="check" id="check" name="check" >check</button>

そしてJavaScript：

$("#check").click(function(){
    var fileName = $("#file1").val();
    if(fileName.lastIndexOf("png")===fileName.length-3)
        alert("OK");
    else
        alert("Not PNG");
})
21
Aliostad

これを行うことを試みましたか？

$('input[type="file"]').val()
5
Adam Hopkinson

テスト中...

$('#file1')[0].files.length == 0

... Chromeで私のために働いています。生のHTML要素（jQueryオブジェクトの[0]によって返される）がファイルリストへのアクセスを提供するため、jQueryは実際には必要ありません。

2
SteveShaffer

このデモはIE9 + Chromeで動作します：

http://jsfiddle.net/brdFq/

jqueryを使用すると、val（）;を取得します。

ここでの簡単な実装：

function hasFile(selector){
    //if there is a value, return true, else: false;
    return $(selector).val()? true: false;
}
0
Fallenreaper