Comment implémenter la découpe, le zoom et le téléchargement d'images d'avatar sans actualiser en utilisant les compétences js_javascript

L'exemple de cet article décrit la méthode js pour couper et redimensionner les images d'avatar et télécharger des images sans les actualiser. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

fname : Le nom utilisé lors de la réception en arrière-plan, obligatoire
funstr : fonction pour démarrer l'exécution du téléchargement, la valeur par défaut est Aucun
funbak : fonction de rappel après un téléchargement réussi, obligatoire
furl : adresse de téléchargement ; page de soumission par défaut du formulaire actuel

Remarque : l'adresse de téléchargement et l'adresse actuelle doivent être le même nom de domaine, sinon la fonction de rappel ne pourra pas obtenir l'adresse renvoyée après un téléchargement réussi.

a.php :

$path='a.jpg';
move_uploaded_file($_FILES['uimg']['tmp_name'],$path);
exit(json_encode(array('ztai'=>true,'url'=>$path)));

<form action="" method="get">
<input type="button" fname="uimg" funstr="function(){document.title='图片正在上传……';}" funbak="ddd" furl="a.php" value="本地上传">
</form>
<script type="text/javascript">
function ddd(da){
  if(da.ztai){
    document.title='上传完成';
    ui.success('上传成功保存地址为'+da.url);
  }
}
</script>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.