Hallo zusammen,
ich hoffe mir kann jemand helfen. Ich habe folgendes Problem:
Ich versuche in diesem Skript die Variable $_SESSION['wert'] weiterzugeben, so dass ich diese in der process.php aufrufen kann. Kann mir da wer helfen wie ich diese in der process.php nun aufrufen kann???
Das Skript funktioniert soweit super. Es geht mir nur um die Session, die ich in der process.php aufrufen müsste.
Ich danke Euch schon jetzt.
ich hoffe mir kann jemand helfen. Ich habe folgendes Problem:
Ich versuche in diesem Skript die Variable $_SESSION['wert'] weiterzugeben, so dass ich diese in der process.php aufrufen kann. Kann mir da wer helfen wie ich diese in der process.php nun aufrufen kann???
Das Skript funktioniert soweit super. Es geht mir nur um die Session, die ich in der process.php aufrufen müsste.
Ich danke Euch schon jetzt.
PHP-Code:
<script type="text/javascript">
// Once files have been selected
document.querySelector('form input[type=file]').addEventListener('change', function(event){
// Read files
var files = event.target.files;
// Iterate through files
//files.length -> 4
for (var i = 0; i < files.length; i++) {
//alert(i);
// Ensure it's an image
if (files[i].type.match(/image.*/)) {
// Load image
var reader = new FileReader();
reader.onload = function (readerEvent) {
var image = new Image();
image.onload = function (imageEvent) {
// Add elemnt to page
var imageElement = document.createElement('div');
imageElement.classList.add('uploading');
imageElement.innerHTML = '<span class="progress"><span><?php print_r($_SESSION['wert']); ?><input type="hidden" name="obsession" value="<?php echo $token; ?>"></span></span>';
var progressElement = imageElement.querySelector('span.progress span');
progressElement.style.width = 0;
document.querySelector('form div.photos').appendChild(imageElement);
// Test ALERT
//alert("Bild ausgwählt und hochgeladen");
// Resize image
var canvas = document.createElement('canvas'),
max_size = 1200,
width = image.width,
height = image.height;
if (width > height) {
if (width > max_size) {
height *= max_size / width;
width = max_size;
}
} else {
if (height > max_size) {
width *= max_size / height;
height = max_size;
}
}
canvas.width = width;
canvas.height = height;
canvas.getContext('2d').drawImage(image, 0, 0, width, height);
// Upload image
var xhr = new XMLHttpRequest();
if (xhr.upload) {
// Update progress
xhr.upload.addEventListener('progress', function(event) {
var percent = parseInt(event.loaded / event.total * 100);
progressElement.style.width = percent+'%';
}, false);
// File uploaded / failed
xhr.onreadystatechange = function(event) {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
imageElement.classList.remove('uploading');
imageElement.classList.add('uploaded');
imageElement.style.backgroundImage = 'url('+xhr.responseText+')';
console.log('Image uploaded: '+xhr.responseText);
} else {
imageElement.parentNode.removeChild(imageElement);
}
}
}
// Start upload
xhr.open('post', 'process.php', true);
xhr.send(canvas.toDataURL('image/jpeg'));
}
}
image.src = readerEvent.target.result;
}
reader.readAsDataURL(files[i]);
}
}
// Clear files
event.target.value = '';
});
</script>
Kommentar