#redimensionner

nodeca/pica : Resize image in browser with high quality and high speed
▻https://github.com/nodeca/pica

Un script JS pour redimensionner une image dans le navigateur :

Resize images in browser without pixelation and reasonably fast. Autoselect the best of available technologies: webworkers, webassembly, createImageBitmap, pure JS.
With pica you can:
– Reduce upload size for large images, saving upload time.
– Saves server resources on image processing.
– Generate thumbnails in browser.

#image #redimensionner #upload #javascript #client-side #SPIP

pqina/filepond : 🌊 A flexible and fun JavaScript file upload library
▻https://github.com/pqina/filepond

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.
[...]
Core Features
– Accepts directories, files, blobs, local URLs, remote URLs and Data URIs.
– Drop files, select on filesystem, copy and paste files, or add files using the API.
– Async uploads with AJAX, supports chunk uploads, can encode files as base64 data and send along form post.
– Accessible, tested with AT software like VoiceOver and JAWS, navigable by Keyboard.
– Image optimization, automatic image resizing, cropping, filtering, and fixes EXIF orientation.
– Responsive, automatically scales to available space, is functional on both mobile and desktop devices.

Voir aussi sur le site officiel :
– la documentation : ▻https://pqina.nl/filepond/docs
– les exemples : ▻https://pqina.nl/filepond/#examples

#upload #SPIP #bigupload #javascript #redimensionner_image #EXIF

HTML5 Pre-resize images before uploading - Stack Overflow
▻https://stackoverflow.com/questions/10333971/html5-pre-resize-images-before-uploading

Exemple de manipulation d’image par le navigateur (redimensionnement) avant son POST vers un serveur
Le billet original sur mozilla-dev : ►https://hacks.mozilla.org/2011/01/how-to-develop-a-html5-image-uploader

La doc de l’API File de HTML5 : ▻https://developer.mozilla.org/fr/docs/Web/API/File/Using_files_from_web_applications

#image_upload #redimensionner #API_file #HTML5

#redimensionner une #image côté client avant l’upload
▻http://tech.novapost.fr/redimensionner-une-image-cote-client-avant-lupload.html

Une solution pour redimensionner une image en #javascript + #canvas : une possibilité pour limiter les tailles d’images avant leur upload (à intégrer dans le plugin img_max ?)

goker / canvasResize
▻http://gokercebeci.com/dev/canvasresize

jQuery canvasResize: is a plugin for client side #image resizing. Github: ▻https://github.com/gokercebeci/canvasResize

#javascript #canvas #redimensionner #jquery