PHP パーソナル センター アバターのアップロード デモンストレーションとダウンロード

この手順を実装するには、plupload アップロード プラグインを導入し、multi_selection を単一ファイルのアップロードに設定します。

アバター コードをアップロードします: var Uploader_avatar = new plupload.Uploader({//インスタンスを作成するための構築メソッド <br> Runtimes: 'gears,html5,html4,silverlight,flash', //アップロードプラグインの初期化メソッドの優先順位 <br> browse_button: ['avatar_uplpad_btn'], // アップロード ボタン <br> URL: "ajax.php", //リモートアップロードアドレス<br> Flash_swf_url: 'js/plugins/plupload/Moxie.swf', //フラッシュ ファイル アドレス <br> Silverlight_xap_url: 'js/plugins/plupload/Moxie.xap', //silverlight ファイルアドレス <br> フィルター: { <br> max_file_size: '10mb', //最大アップロード ファイル サイズ (形式 100b、10kb、10mb、1gb) <br> mime_types: [//ファイルのアップロードの種類を許可します <br> {タイトル: "ファイル"、拡張子: "jpg,png,gif,jpeg"} <br> ]<br> }、<br> Multi_selection: false、//true: Ctrl キーを押しながら複数のファイルをアップロード、False の単一ファイルをアップロード <br> 初期化: { <br> FilesAdded: function(up, files) { //ファイルをアップロードする前に <br> <br> Uploader_avatar.start(); }、<br> UploadProgress: function(up, file) { //アップロード中、進行状況バーを表示 <br> var percent = file.percent; <br> $("#" + file.id).find('.bar').css({"width": パーセント + "%"}); $("#" + file.id).find(".percent").text(percent + "%"); }、<br> FileUploaded: function(up, file, info) { //ファイルのアップロードが成功したときにトリガーされます <br> var data = eval("(" + info.response + ")");//返された json データを解析します <br> $("#avatar_pic").html("<img src='" + data.pic + "'/>") <br> }、<br> Error: function(up, err) { //アップロードエラーが発生したときにトリガーされます <br> アラート(エラーメッセージ); } <br> }<br> }); Uploader_avatar.init();<br>オンライン アップロード アバター デモ: http://www.sucaihuo.com/js/880.html <br>完全カンファレンス北京駅: アリババの技術専門家が 100 名以上登場するのは珍しい。今度は来ましたか？ ！ <br> <br>