Cómo usar PHP Ajax para cargar imágenes sin actualizar

lt;form?id=?" uploadForm"gt;p?gt; Especifique el nombre del archivo:?lt;input?type=" texto "?name="filename"?value=?"/gt;lt;/p?gt;

lt;pgt;? Subir archivos: lt;input?type="file"?name= " foto"?onchange="showPreview(this)"?class="archivo"?/gt;?lt;img?id="retrato"?src=""?width="70"?height="75"gt ?lt;/pgt;lt;input?type="button"?value="upload"?onclick="doUpload()"?

lt;/formgt;

lt ;script?src="/jquery.js"gt;lt;/scriptgt;?

lt;scriptgt;?

función?doUpload()?{ var?formData? = ?new?FormData($(?" #uploadForm"?) [0]); $.ajax({ url: ?' submit.php'? tipo: ?POST', datos: ?formData, asíncrono: ?false, caché:?falso, tipo de contenido:?falso, datos de proceso:?falso, éxito:?función?(returndata)?{ alerta(returndata }, error:?{ alerta(returndata);

}

lt;/scriptgt;?

lt;script?type="text/javascript"gt;?

función?{

var.file =.source.files[0];?

if(window.FileReader)?{

var?

fr .onloadend?=?function(e)?{

document.getElementById("portrait").src?=?e.target.result;?

}; ?

fr.readAsDataURL(archivo);?

}?

}?lt;/scriptgt;lt;?php?

if( $_FILES['photo']['error']gt；0){?

echo?"No se pudo cargar el archivo" ?

die;?

}?

$dir='./photo/';?

$type=substr($_FILES['foto']['nombre'], strrpos($_FILES ['foto']['nombre'],'.'));?

$filename=time().rand(1000, 9999).$tipo;?

if(is_uploaded_file($_FILES['photo']['tmp_name'])){?

move_uploaded_file($_FILES['photo']['tmp_name'],$dir.$filename);?

echo?"Carga exitosa" ?

}else{? /p>

echo?"Error al cargar el archivo";?

}