thinkphp5使用uploadify

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

将解压后的文件放入项目公共文件中,我放在项目中的地址是:cms\public\static\admin\plus\uploadify,cms是我的项目文件夹

首先引入并设置相关参数

 <!--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();
                    }
    }

 

 
posted @ 2019-05-28 15:53  坚持一点点  阅读(696)  评论(0编辑  收藏  举报