Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie das Schneiden, Zoomen und Hochladen von Avatar-Bildern ohne Aktualisierung mithilfe von js_javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 15:49:51
Original
1293 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die js-Methode zum Ausschneiden und Skalieren von Avatar-Bildern und zum Hochladen von Bildern ohne Aktualisierung. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

fname: Der Name, der beim Empfang im Hintergrund verwendet wird, erforderlich
funstr: Funktion zum Starten der Upload-Ausführung, Standard ist None
funbak: Rückruffunktion nach erfolgreichem Upload, erforderlich
furl: Upload-Adresse; Standard-Einreichungsseite des aktuellen Formulars

Hinweis: Die Upload-Adresse und die aktuelle Adresse müssen derselbe Domänenname sein, andernfalls kann die Rückruffunktion die nach erfolgreichem Upload zurückgesendete Adresse nicht abrufen.

a.php:

$path='a.jpg';
move_uploaded_file($_FILES['uimg']['tmp_name'],$path);
exit(json_encode(array('ztai'=>true,'url'=>$path)));
Nach dem Login kopieren
<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>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage