web-dev-qa-db-fra.com

Comment vérifier que le fichier d'entrée est vide et afficher une alerte si le format png est sélectionné à l'aide de jquery

J'ai un téléchargement de fichier d'entrée, je dois vérifier quel fichier est chargé/si aucun fichier n'est sélectionné par le client à l'aide de jquery.

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

La vérification devrait se déclencher lorsque vous cliquez sur Soumettre.

jqueryhtmlfile-upload
15
Mr A

Voir l'exemple que j'ai créé:

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>

Et JavaScript:

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

Avez-vous tenté de le faire?

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

Test pour ...

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

... travaille pour moi dans Chrome. En fait, jQuery n’est même pas nécessaire car l’élément HTML brut (renvoyé par le [0] sur l’objet jQuery) donne accès à la liste de fichiers.

2
SteveShaffer

Cette démo fonctionne dans IE9 + Chrome:

http://jsfiddle.net/brdFq/

en utilisant Jquery, vous obtenez le val ();

une mise en oeuvre rapide ici:

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