Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:javascript:resize_image [13/07/2023 14:39] – créée cyrille
+++ informatique:javascript:resize_image [13/07/2023 14:51] (Version actuelle) – cyrille
@@ Ligne 8: / Ligne 8: @@
 <html>
-<script src="https://cdn.jsdelivr.net/npm/blitz-resize" />
+<script src="https://cdn.jsdelivr.net/npm/blitz-resize"></script>
+Sélectionner une image
+<form accept="image/*">
+<input type="file" id="img" name="img" accept="image/*" />
+</form>
+<br/>
+<div id="preview">
+	<script>
+		document.getElementById('img').onchange = function (e) {
+			// file -> file
+			var b5 = Blitz.create()
+			b5({
+				source: e.srcElement.files[0],
+				// image will be up or downscaled to always have minHeight of 600
+				maxHeight: 200,
+				maxWidth: 200,
+				outputFormat: 'jpg',
+				output: 'data',
+				quality: 0.7,
+				logPerformance: true
+			}).then(download => {
+				console.log('Resize using file successful')
+				// output is a download function.
+				// run some operations
+				// then call #download to download the file.
+				//download()
+				var image = new Image();
+            	image.src = download;
+            	window.document.getElementById('preview').append(image);
+			}).catch(err => {
+				console.log(err)
+			})
+			//readFile(e.srcElement.files[0]);
+		};
+	</script>
 </html>