jqueryを使用してpng形式が選択されている場合は、入力ファイルを確認する方法も表示されます

Question

入力ファイルのアップロードがあり、アップロードされたファイルを確認する必要があります。

送信がクリックされると、チェックが開始されます。

Answer 1

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

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

Answer 2

これを実行しようとしましたか？

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

Answer 3

このデモでは、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; 
} 

Answer 4

テストのために...

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

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