js_javascript スキルを使用して、更新せずにアバター画像の切り取り、ズーム、画像のアップロードを実装する方法

この記事の例では、アバター画像を切り取り、拡大縮小し、更新せずに画像をアップロードする js メソッドについて説明します。皆さんの参考に共有してください。詳細は以下の通りです。

fname: バックグラウンドで受信するときに使用される名前、必須
funstr: アップロードの実行を開始する関数、デフォルトはなしです
funbak: アップロード成功後のコールバック関数、必須
furl: 現在のフォームのアップロード アドレス

注: アップロード アドレスと現在のアドレスは同じドメイン名である必要があります。そうでない場合、コールバック関数はアップロードの成功後に返されたアドレスを取得できません。

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>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。