Έχω τον ακόλουθο javascript κώδικα, χρησιμοποιώντας ένα plugin που λέγεται heic2any (κάνει convert μια εικόνα heic σε jpeg / δε μας ενδιαφέρει αυτή τη στιγμή, αλλού είναι το θέμα). Στο jQuery τρέχει noConflict γι αυτό βλέπετε έτσι τις μεταβλητές. function convertHeicToJpg(input) { let fileInputElement = jQuery(input)[0]; let container = new DataTransfer(); for (var i = 0; i < jQuery(input).get(0).files.length; ++i) { var fileName = jQuery(input).get(0).files[i].name; var fileNameExt = fileName.substr(fileName.lastIndexOf('.') + 1); if(fileNameExt.toLowerCase() == "heic") { var blob = jQuery(input).get(0).files[i]; heic2any({ blob: blob, toType: "image/jpeg", }) .then(function (resultBlob) { var url = URL.createObjectURL(resultBlob); let file = new File([resultBlob], "test.jpg",{type:"image/jpeg", lastModified:new Date().getTime()}); container.items.add(file); fileInputElement.files = container.files; }) .catch(function (x) { console.log(x.code); console.log(x.message); }); } } } jQuery( document ).ready(function() { jQuery("input[type=file]").change(function() { convertHeicToJpg(this); }); }); Το θέμα: αν επιλέγω 1 αρχείο, λειτουργεί κανονικά. Όμως το input type=file είναι multiple file selection. Θέλω να ρωτήσω, τι τροποποιήσεις πρέπει να κάνει σε αυτό το part ή και αλλού: let file = new File([resultBlob], "test.jpg",{type:"image/jpeg", lastModified:new Date().getTime()}); container.items.add(file); fileInputElement.files = container.files; ... ώστε να λειτουργεί / περνάει όλα τα αρχεία στο fileInputElement, καθώς αυτή τη στιγμή ανεβάζει/ λαμβάνει υπόψιν του μόνο το ένα/ τελευταίο selection. Καμιά ιδέα;

Κάτι τέτοιο σου κάνει; https://jsfiddle.net/v807r6t5/1/ Για να έχεις async i μπορείς με forEach (υπάρχουν και άλλοι τρόποι). Μην το πάρεις copy/paste και περιμένεις να σου παίξει απλά δες την λογική και τροποποίησε το κατάλληλα.

JavaScript και html multiple file πεδίο - θέλω να περάσω όλα τα αρχεία

Από τον philos
4 Μαΐου 2023 στο Web Design - Development

https://www.insomnia.gr/forums/topic/811246-javascript-%CE%BA%CE%B1%CE%B9-html-multiple-file-%CF%80%CE%B5%CE%B4%CE%AF%CE%BF-%CE%B8%CE%AD%CE%BB%CF%89-%CE%BD%CE%B1-%CF%80%CE%B5%CF%81%CE%AC%CF%83%CF%89-%CF%8C%CE%BB%CE%B1-%CF%84%CE%B1-%CE%B1%CF%81%CF%87%CE%B5%CE%AF%CE%B1/

Ακόλουθοι 2

Μετάβαση στην απάντηση Απαντήθηκε από Xvipes, 9 Μαΐου 2023

Προτεινόμενες αναρτήσεις

philos

Δημοσ. 2 Ιουνίου 2023

Μέλος

Δημοσ. 2 Ιουνίου 2023

Ναι όλα ok με το length_files!

Τελικά έβαλα αυτό και όλα λύθηκαν!

			// function convertHeicToJpg(input) { [...]
			// var promises = []; [...]
			// promises.push(heic2any({}) [...]
			Promise.all(promises).then(function () {
				runSubmit();
			});