Dicevo che se non uso js e mando direttamente il file con php il file o i files arrivano al server, quindi penso che alla fine nn arriva il file originale ma unScusa ma non penso di aver capito quello che mi stai chiedendo
Quello che voglio fare io ovvero caricare le foto, vedere in anteprima e poi mandarle al serverScusa ma non penso di aver capito quello che mi stai chiedendo
Nn ho capito il punto 2 e 3, cmq dicevo come mai non e possibile mandare le foto che si possono caricare e vederle in anteprima? Non capisco perche se lo carichi e lo mandi senza anteprima non ci sono problemi, in fin dei conti le foto che arrivano al server sono copie dei files originale o mi sbaglio? Non capisco che succede internamente quando imposti la preview che fa in modo da non rendere inviabili al server
Credo che non ci stiamo capendo, io allora nel form ho l attributo method a post e action a output2.php
Allora facciamo un chiarimento, x come stanno le cose, nel codice recente, se io aggiungo 1 file alla volta, e ne scelgo di aggiungere 3 , aggiungendo 1 alla volta nel mio array filelist ne avro solo 1 perche x sceglierme tante dovrei scegliere tutte di 1 colpo solo, ok e fino qua e chiaro, mi hai consigliato di creare li input file x cosi poterne caricare 1 alla volta e averli comunque tutti nella mia filelist e anche qui tutto ok, cio che mi chiedo e ora queste foto contenute nel mio arraylist non posso imviargli al file outpu2.php con ajax? Perche mi ricordo che con ajax si potevano passare dati ma non ho mai provato a usarlo x questo, ma in ogni caso penso che dovrebbe essere possibileOttimo! quindi sai già come funziona il form, non capisco cosa non ti sia chiaro
(e aggiungerei, quindi lasci intendere di aver ben chiara la differenza tra frontend e backend!)
Rimanendo su interfacce native, senza fare alcuna ricerca e conseguente modifica/adattamento delle strutture, probabilmente sì.
scusami, ho un altro problema, visibile nella console, e non riesco a capire la causa
$(...)[cont</a>.on is not a functionlo so che mi ritorna un array appunto x questo il valore dalla var cont cambia a ogni click e aumenta di 1 cosi faccio riferimento alla input seguenteConsiderando che il problema che hai è perpetuamente quello delle risposte precedenti ti indicherò come debuggare e arrivare alla soluzione, perché altrimenti non imparerai niente.
L'errore che viene ritornato dice:
E' tendenzialmente formattato male ma puoi trarre la conclusione che la funzione "on" non è riconosciuta come funzione dell'elemento su cui viene chiamata (ti aiuto, $(".file_input")).Codice:$(...)[cont</a>.on is not a function
Già da questo potresti capire come risolvere, ma se così non fosse ti do un altro hint.
Gli EventListener vengono registrati su elementi singoli del DOM, il selettore per classe di jQuery ti ritorna un array di elementi con quella specifica classe.
Da qui dovresti essere in grado di risolvere il problema
$(".file_input")[0]scusa non ho capito, se riesco ad accedere con $ perche non sarebbe un elemento jquery?
fileInput[cont].addEventListener("change", () => {
cont++
//rotate -= 90;
div = document.createElement("div");
for (let file of fileInput.files)
...ok mi sono accorto che nel for mancava indicare l'indice ma cmq ancora nulla non vedo le anteprime
ho provato a corregere li errori ma ancora la console mi segnala errori
cont =0;
rotate = 0;
$(".file_input")[cont].on("change", () => {
//cont++;
//rotate -= 90;
div = document.createElement("div");
for(let file of $(".fileInput")[cont].files) {
var image = file
if (image) {
var imageElement = new Image();
imageElement.src = URL.createObjectURL(image);
imageElement.width = 100;
var imageElement2 = new Image();
imageElement2.src = "https://img.icons8.com/material-two-tone/24/000000/rotate-left.png";
//imageElement2.width = 100;
var imageElement3 = new Image();
imageElement3.src="https://img.icons8.com/material-rounded/24/000000/rotate-right.png";
var imageElement4 = new Image();
imageElement4.src="https://img.icons8.com/material-two-tone/24/000000/remove-image.png";
document.getElementById('gallery').appendChild(div);
div.appendChild(imageElement2);
div.appendChild(imageElement3);
div.appendChild(imageElement4);
div.appendChild(imageElement);
$(imageElement2).click(function(){
rotate = rotate - 90;
// rrotate = rotate + 90;
console.log(7)
$(imageElement).css("transform", "rotate("+rotate+"deg)");
// $(imageElement).css("transform", "rotate("+lrotate+"deg)");
});
$(imageElement3).click(function(){
// lrotate = rotate - 90;
rotate = rotate + 90;
console.log(7)
// $(imageElement).css("transform", "rotate("+lrotate+"deg)");
$(imageElement).css("transform", "rotate("+rotate+"deg)");
});
$(imageElement4).click(()=>{
$(imageElement).css("display","none");
})
}
}
$("img").click(function(){
console.log(4);
})
cont++
});
//cont=0;
$("#addimg").click(()=>{
// cont++
$(".file_input")[cont].click();
})