ciao,
Ho questo script che tramite form ridimensiona lato CLIENT l'immagine che l'utente a selezionato sul suo pc e fino a qua tutto ok, ora devo fare l'upload dell'immagine già RIDIMENSIONATA su una certa cartella sul server ma non riesco qualcuno sa aiutarmi:
codice HTML:
<?php
if(isset($_POST['submit'])){
// UPLOAD SU SERVER if(isset($_FILES['some_filename'])){ $tempPos = $_FILES['some_filename']['tmp_name']; $destPos = "/image".$_FILES['some_filename']['name']; move_uploaded_file($tempPos, $destPos); echo "Operazione eseguita"; }
} // fine if(isset($_POST['invia'] ?>
<form action=" " method="post" enctype="multipart/form-data" name="image_upload_form" >
<img src="" id="image" name="image" >
<input id="input" type="file" onchange="handleFiles()"><script>
function handleFiles(){ var filesToUpload = document.getElementById('input').files; var file = filesToUpload[0];
// Create an image var img = document.createElement("img"); // Create a file reader var reader = new FileReader(); // Set the image once loaded into file reader reader.onload = function(e) { img.src = e.target.result;
var canvas = document.createElement("canvas"); //var canvas = $("<canvas>", {"id":"testing"})[0]; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0);
var MAX_WIDTH = 400; var MAX_HEIGHT = 300; var width = img.width; var height = img.height;
if (width > height) { if (width > MAX_WIDTH) { height *= MAX_WIDTH / width; width = MAX_WIDTH; } } else { if (height > MAX_HEIGHT) { width *= MAX_HEIGHT / height; height = MAX_HEIGHT; } } canvas.width = width; canvas.height = height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, width, height);
var dataurl = canvas.toDataURL("image/png"); document.getElementById('image').src = dataurl;
} // Load files into file reader reader.readAsDataURL(file);
// Post the data /* var fd = new FormData(); fd.append("name", "some_filename"); fd.append("image", dataurl); fd.append("info", "lah_de_dah"); */ }</script>
<input type="submit" name="submit" value=" UPLOAD SU SERVER " onClick="return confirm(' sei sicuro? ')" >
</form>