Hallo,
ich bin zur Zeit am rumspielen mit den neuen HTML-Elementen bzw Funktionen, da sie ja von einigen Browsern schon unterstüzt werden.
Ich habe mich jetzt mal ein bisschen in das Thema drag and drop in Verbindung mit einem File-Upload eingelesen und hab dazu ein paar fragen.
Hier erstmal der Code:
Ist es irgendwie möglich den Request als $_FILE oder $_POST-Variable an mein PHP script zu senden und dazu noch andere Post-Paramter anzuhängen?
Im moment muss ich das gesendet Bild mit $img = file_get_contets('php://input'); einlesen, aber ich hätte das Bild z.B. gern im $_POST Paramter "img".
Grüße
wolf360
ich bin zur Zeit am rumspielen mit den neuen HTML-Elementen bzw Funktionen, da sie ja von einigen Browsern schon unterstüzt werden.
Ich habe mich jetzt mal ein bisschen in das Thema drag and drop in Verbindung mit einem File-Upload eingelesen und hab dazu ein paar fragen.
Hier erstmal der Code:
HTML:
var dropbox = document.getElementById('dropbox');
dropbox.addEventListener('dragenter', noopHandler, false);
dropbox.addEventListener('dragexit', noopHandler, false);
dropbox.addEventListener('dragover', noopHandler, false);
dropbox.addEventListener('drop', drop, false);
function noopHandler(evt) {
evt.stopPropagation();
evt.preventDefault();
}
function drop(evt) {
evt.stopPropagation();
evt.preventDefault();
var files = evt.dataTransfer.files;
var count = files.length;
if (count > 0) {
handleFiles(files);
}
}
function handleFiles(files) {
var count = files.length
for (i=0; i<count;i++) {
file = files[i];
document.getElementById('droplabel').innerHTML = "Processing" + file.name;
var reader = new FileReader();
reader.onprogress = handleReaderProgress;
reader.onloadend = handleReaderOnLoadEnd;
reader.readAsDataURL(file);
xhr = new XMLHttpRequest();
xhr.open('post', '/Galerie/imagesave', true);
xhr.setRequestHeader("X-File-Name", file.name);
xhr.setRequestHeader("X-File-Category", <?php echo $this->id; ?>);
xhr.send(file);
}
}
function handleReaderProgress(evt) {
if (evt.lengthComputable) {
var loaded = (evt.loaded / evt.total);
}
$("#progressbar").progressbar({ value:loaded * 100});
}
function handleReaderOnLoadEnd(evt) {
$("#progressbar").progressbar({ value: 100});
$('<img src='+evt.target.result+' />').appendTo("body");
var img = document.getElementById("preview");
img.src = evt.target.result;
}
Ist es irgendwie möglich den Request als $_FILE oder $_POST-Variable an mein PHP script zu senden und dazu noch andere Post-Paramter anzuhängen?
Im moment muss ich das gesendet Bild mit $img = file_get_contets('php://input'); einlesen, aber ich hätte das Bild z.B. gern im $_POST Paramter "img".
Grüße
wolf360