jQuery Girl
  1. jQuery Girl
  3. La saisie de fichier personnalisée à l’aide de jQuery restreint les types de fichier utilisateur et le nom du fichier si l’utilisateur coche la case correspondante
Intereting Posts
Recharger la page lorsque la fenêtre dépasse certaines largeurs Analyser un tableau compliqué avec GetJSON Jquery alterner les couleurs de ligne en utilisant jQuery Comment append une balise div entre deux paragraphes lorsque jquery est insérée dans la div principale Comment changer l’onglet Twitter Bootstrap, quand le bouton est enfoncé? Les objects déplaçables jQuery perdent leur capacité de glissement après avoir été échangés (avec l’exemple jsfiddle) Filtre de calendrier complet par nom de classe Masquer l’option du menu déroulant 2 lorsque sélectionné dans le menu déroulant 1 Les déclenchements de requêtes jQuery AJAX ou XHR échouent aux rappels effectués à partir des rappels effectués. envoyer les données de la méthode d’action pour qu’elles apparaissent dans la boîte de dialog modale afficher une alerte en utilisant jQuery-Impromptu si la valeur de l’élément est vide ou nulle puis-je avoir un événement onclick sur un élément de la zone imagemap Obtenir la valeur de la session actuelle en JavaScript? Prendre du temps en microsecondes entre deux fonctions masquer et afficher les div fixes en fonction de la position de défilement d’un autre élément

La saisie de fichier personnalisée à l’aide de jQuery restreint les types de fichier utilisateur et le nom du fichier si l’utilisateur coche la case correspondante

Travaille actuellement sur le téléchargement de fichier

  1. où l’utilisateur ne peut télécharger que des fichiers jpeg et pdf dans le champ de texte, il doit indiquer le nom du fichier.
  2. moins de 5mb

  3. Si l’utilisateur clique sur la case à cocher, il ne devrait pas permettre d’attacher un fichier, il devrait être désactivé.

    Ici, je ne comprenais pas comment définir les types de fichiers, limiter la taille et comment les désactiver.

Voici mon code jQuery jusqu’à présent j’ai essayé 

var $preview = $(".preview"); //var $acceptdiv = $("#accept_div"); //$acceptdiv.hide(); $preview.hide(); $(".check").on("change", function(){ var filename = this.value; var files = this.files; var URL = window.URL||window.webkitURL; var url = URL.createObjectURL(files[0]); $preview.attr("href", url); $preview.show(); //$acceptdiv.show(); document.getElementById('file_name').value = filename; $("#file_name").prop("disabled", true); }); /* health infor addmore ends here*/ $(document).on('click', ".accpt_chk", function() { alert("check"); if($('.accpt_chk').prop(':checked')) { $('.checkfile').prop('disabled', true); } else { $('.checkfile').prop('enabled', false); //$(this).closest("#btn_selct").removeClass('cst_select').addClass('cst_select_dis'); //$('#btn_selct').hasClass('.cst_select ').remove().addClass('.cst_select_dis'); } //$('.qq-upload-button').prop('disabled', !this.checked); });

Voici le lien de violon

S’il vous plaît veuillez helpme

Merci d’avance

1.Pour vérifier si une case est cochée ou non, vous avez utilisé .is(':checked') comme if ($('.accpt_chk').is(':checked')) {}
2. Pour append un atsortingbut, vous pouvez utiliser .attr('name','value')

Démo

partie de Js mise à jour 

 $(document).on('click', ".accpt_chk", function() { if ($('.accpt_chk').is(':checked')) { $('.checkfile').attr('disabled', 'true') } else { $('.checkfile').removeAttr('disabled') $('.checkfile').prop('enabled', false); $(this).closest("#btn_selct").removeClass('cst_select').addClass('cst_select_dis'); //$('#btn_selct').hasClass('.cst_select ').remove().addClass('.cst_select_dis'); } //$('.qq-upload-button').prop('disabled', !this.checked); });