Javascript Girl
  1. Javascript Girl
  3. Comment restreindre la taille du téléchargement d'image à moins de 2mb?
Intereting Posts
$ .get et obtenez de la valeur Écrit des fichiers XML avec jQuery Strange JavaScript idiom – what does "/xyz/.test(function(){xyz;})" faire? Déstructuration d'objets sans var Pourquoi ne puis-je pas capturer de manière fiable un événement mouseout? Comment pouvons-nous utiliser $ compile en dehors d'une directive dans Angularjs AngularJS: les alertes ne s'affichent pas lorsque plusieurs messages changent ngModel pour le message Javascript atob return 'String contient un caractère non valide' Placer Amazon Banner | Angular V4 Valeur de reliure à la saisie dans JS angulaire Exclure l'article sur commandeBy Recherche locale personnalisée Google Search / contrôle de recherche Comment accéder aux éléments iframe enfant à partir d'une page javascript parent? Est-ce que NaN est fausse? Pourquoi NaN === false renvoie faux Afficher growl à l'aide de Javascript

Comment restreindre la taille du téléchargement d'image à moins de 2mb?

J'ai une option de select html pour télécharger des images. 

 <div class="row smallMargin"> <div class="col-sm-6"> Attach Image </div> <div class="col-sm-6"> <input type="file" ng-model="image" accept="image/*"> </div> </div>

Comment puis-je restreindre l'utilisateur à télécharger des images de plus de 2 Mo?

Cet exemple devrait vous donner une idée de la façon de le faire:

HTML 

 <form class="upload-form"> <input class="upload-file" data-max-size="2048" type="file" > <input type=submit> </form>

JS 

 $(function(){ var fileInput = $('.upload-file'); var maxSize = fileInput.data('max-size'); $('.upload-form').submit(function(e){ if(fileInput.get(0).files.length){ var fileSize = fileInput.get(0).files[0].size; // in bytes if(fileSize>maxSize){ alert('file size is more than ' + maxSize + ' bytes'); return false; }else{ alert('file size is correct - '+fileSize+' bytes'); } }else{ alert('Please select the file to upload'); return false; } }); });