thinkphp5使用uploadify

uploadify flash版本下載地址:http://www.uploadify.com/wp-content/uploads/files/uploadify.zipjavascript

將解壓後的文件放入項目公共文件中,我放在項目中的地址是:cms\public\static\admin\plus\uploadify,cms是個人項目文件夾css

首先引入並設置相關參數html

 <!--uploadify-->
   <link href="{$Think.config.__STATIC__}/admin/plus/uploadify/uploadify.css" rel="stylesheet">   
   <script type="text/javascript" src="{$Think.config.__STATIC__}/admin/plus/uploadify/jquery.uploadify.min.js"></script>
   <script type="text/javascript">
    $(function() {
     //uploadify爲要放入的節點id $(
'#uploadify').uploadify({ //指定swf地址 'swf' : '{$Think.config.__STATIC__}/admin/plus/uploadify/uploadify.swf', //上傳後端處理方法 'uploader' : "{:url('cate/uploadify')}", 'progressData':'speed', //按鈕文字 'buttonText':'上傳圖片', //按鈕樣式 'buttonClass':'btn btn-azure', //上傳文件類型 'fileTypeDesc':'Image Files', //設置發送數據文本框的name值 'fileObjName':'cate_img', //上傳成功後回調函數 'onUploadSuccess':function(file,data,response){ var html="<img src='http://127.0.0.1/cms/public" + data + "' width='80px' height='80px'/>" $("#cate_img").html(html); $("#hidden_img").val(data); } // Your options here }); $("#uploadify-button").removeAttr('style'); $("#uploadify-button").attr("class","btn btn-azure"); }); </script>
                                           <div class="form-group">
                                            <label  class="col-sm-2 control-label no-padding-right">欄目圖片</label>
                                            <div class="col-sm-3">
<!-- 須要使用的地方id設置成uploadify,與上面的要對應 -->
<span id="uploadify"></span> <input id="hidden_img" value="" name="cate_img" type="hidden"> </div> <div class="col-sm-3" id="cate_img"> </div> <p class="help-block col-sm-4 red">* 必填</p> </div>
後端處理方法
 public function uploadify(){
                $file = request()->file('cate_img');
                    //halt($file);
                $info = $file->move( './uploads/cate');
                if($info){
                    $value='/uploads/cate/'.$info->getSaveName();
                     echo $value;
                }
                else{        
                    echo $file->getError();
                    }
    }
相關文章
相關標籤/搜索