thinkPHP+Uploadify画像アップロードチュートリアル
まず、ダウンロードした Uploadify 圧縮パッケージを解凍し、パブリック フォルダーに置きます。実装コードは次のとおりです。
1. フロントエンドの HTML 部分:
-
- < ;script src="/uploadify/jquery.uploadify.min.js" data-ke-src="/Public/uploadify/jquery.uploadify.min.js" type="text/javascript">
- <リンク rel ="stylesheet" type="text/css" href="/uploadify/uploadify.css" data-ke-src="/Public/uploadify/uploadify.css">
- var img_id_upload=new Array();//アップロードした画像名を格納する配列を初期化します
- var i=0;//配列の添字を初期化します
- $(function() {
- $('#file_upload'). Uploadify({
- 'auto' : false,//自動アップロードをオフにする
- 'removeTimeout' : 600,//アップロード完了1秒後にファイルキューを削除する
- 'swf' : '/Public/uploadify/uploadify.swf ',
- ' Uploader' : '/_URL_/Article/uploadify',
- 'method' : 'post', //メソッド、サーバーは $_POST 配列を使用してデータを取得できます
- 'buttonText' : 'Select image', //ボタンのテキストを設定します
- 'multi' : true, //複数の画像を同時にアップロードできるようにします
- 'uploadLimit' : 8, //一度に最大 10 個の画像のみをアップロードできます
- 'fileTypeDesc ' : 'Image Files', // 画像のみをアップロードできます
- 'fileTypeExts ' : '*.jpg; *.png; ',// アップロードできる画像のサフィックスを制限します
- ' fileSizeLimit' : '2000KB',//アップロードされる写真のサイズを制限します
- 'onUploadSuccess' : function(file, data , response) { //アップロードが成功するたびにコールバック関数が実行され、サーバーからフロントエンドにデータが返されます
- $('#image').append('
');
- img_id_upload[i]=data;
- i++;
- } bbs.it-home. org
- });
- });
アップロード< ;/a>
コードをコピー
2、アクション実行コード部分:
-
- public function Uploadify()
- {
- $ph=M('Upload');
- import('ORG.Net.UploadFile');
- $upload = new UploadFile(); // アップロード クラスをインスタンス化します。
- $upload->maxSize = 93145728 ;//添付ファイルのアップロード サイズを設定します
- $upload->saveRule =rand(1,9999);
- $upload->allowExts = array('jpg', 'gif', 'png', 'jpeg','flv','avi','mov');//添付ファイルのアップロード タイプを設定します
- $upload->savePath = './Uploads/';//添付ファイルのアップロード ディレクトリを設定します
- if (!$upload->upload())
- {// アップロード エラー プロンプト エラー メッセージ
- $this->error($upload->getErrorMsg());
- }else{// アップロードに成功すると取得アップロードされたファイル情報
- $info = $upload->getUploadFileInfo();
- }
- for($i=0;$i {
- $data['name']=$ info[$ i]['savename'];
- $data['size']=$info[$i]['size'];
- $data['type']=$info[$i]['extension '];
- echo $info[$i]['savename'];
- $rs=$ph->add($data)
- }
- /*if($rs)
- {
- $this->; success(" 成功");
- }else
- {
- $this->error("失敗");
- }*/
- }
コードをコピー
|