Bagaimana untuk melaksanakan pemotongan imej avatar, mengezum dan memuat naik imej tanpa menyegarkan menggunakan kemahiran js_javascript

Contoh dalam artikel ini menerangkan kaedah js untuk memotong dan menskala imej avatar dan memuat naik imej tanpa memuat semula. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

fname: Nama yang digunakan semasa menerima di latar belakang, diperlukan
funstr: fungsi untuk memulakan pelaksanaan muat naik, lalai ialah Tiada
funbak: fungsi panggil balik selepas muat naik berjaya, diperlukan
furl: alamat muat naik; halaman penyerahan lalai borang semasa

Nota: Alamat muat naik dan alamat semasa mestilah nama domain yang sama, jika tidak, fungsi panggil balik tidak akan dapat mendapatkan alamat yang dihantar semula selepas muat naik berjaya.

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>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.