ホームページ > ウェブフロントエンド > jsチュートリアル > js_javascript スキルを使用して、更新せずにアバター画像の切り取り、ズーム、画像のアップロードを実装する方法

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

WBOY
リリース: 2016-05-16 15:49:51
オリジナル
1317 人が閲覧しました

この記事の例では、アバター画像を切り取り、拡大縮小し、更新せずに画像をアップロードする 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 プログラミング設計に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート