Hallo zusammen
Ich habe von JS keine Ahnung und bin zu alt um es noch zu lernen ...
Das folgende Script konnte ich mal irgendwo finden und funktioniert bestens.
Nun möchte ich den Wert "var max_size = 350;" variabel vom php übergeben (statt fix 350).
Kann mir jemand helfen wie ich das machen kann?
Vielen Dank im Voraus und Grüsse aus dem Süden, Nebbiolo
<form method="post" action="">
<br>
<input id="inp_img" name="img" type="hidden" value="">
<div style='clear:both;'></div><br>
<input id="bt_save" type="submit" value="Upload">
</form>
<script>
function fileChange(e) {
document.getElementById('inp_img').value = '';
var file = e.target.files[0];
if (file.type == "image/jpeg" || file.type == "image/png") {
var reader = new FileReader();
reader.onload = function(readerEvent) {
var image = new Image();
image.onload = function(imageEvent) {
var max_size = 350;
var w = image.width;
var h = image.height;
if (w > h) { if (w > max_size) { h*=max_size/w; w=max_size; }
} else { if (h > max_size) { w*=max_size/h; h=max_size; } }
var canvas = document.createElement('canvas');
canvas.width = w;
canvas.height = h;
canvas.getContext('2d').drawImage(image, 0, 0, w, h);
if (file.type == "image/jpeg") {
var dataURL = canvas.toDataURL("image/jpeg", 0.5);
} else {
var dataURL = canvas.toDataURL("image/png");
}
document.getElementById('inp_img').value = dataURL;
}
image.src = readerEvent.target.result;
}
reader.readAsDataURL(file);
} else {
document.getElementById('inp_file').value = '';
alert('Bitte wählen Sie ein Bild im JPG- oder PNG-Format aus.');
}
}
document.getElementById('inp_file').addEventListener('change', fileChange, false);
</script>
