Thinkphp5 + uploadify 整合图片上传

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37682202/article/details/83418639

       项目中需要上传菜单的图标,最近大家都用TP5,我也与时俱进了一把,开始自己想太多了,在返回值那里栽了跟头,脑袋里一直都是json,json,这里的返回值直接return就好了,不要去搞成json数据,这里还是附上代码,给自己警示作用,说不定哪天又忘记了……

<!--前端,引用的文件我就不多说了哈该有的js,css一定不要忘记了-->
<div class="row cl">
     <label class="form-label col-xs-4 col-sm-3">菜单图标:</label>
     <div class="formControls col-xs-8 col-sm-8">
          <img src="__images__/iconImg.jpg" id="m_icon1" width="80px" />
          <br /><br />
          <input type="file" id="file_upload1" multiple="true">
      </div>
</div>



 //图标上传,js
 $('#file_upload1').uploadify({
      uploader:"{:url('Image/addImage')}",            // 服务器处理地址
      swf: '__hui__/lib/uploadify/uploadify.swf',
      buttonText: "上传图标",                  //按钮文字
      height: 30,                             //按钮高度
      width: 80,                              //按钮宽度
      fileTypeExts: "*.jpg;*.png;*.jpeg;*.gif;*.bmp",           //允许的文件类型
      fileTypeDesc: "请选择",           //文件说明   
      fileObjName: "m_icon",
      onUploadSuccess: function (file, data, response) {   //上传成功后的响应事件处理
           $("#m_icon1").attr("src","__upload__/iconImg/"+data); //预览图片
           $("#add-m_icon").val(data); //将上传后的图片赋值给表单
      }
});
/*
  图片上传
*/
public function addImage(){ 
    // 获取表单上传文件
    $file = request()->file('m_icon');
    if(empty($file))
    {
        $data = '请选择上传文件!';
        return $data;
    }
    // 移动到框架应用根目录/public/upload/ 目录下
    $info = $file->move(ROOT_PATH.'public'.DS.'upload/iconImg/'); 
    //获取文件
    //$info->getFilename();  //文件名 dc269f3ad05a6e656ccbdec468b970f4.png
    //$info->getSaveName();  //文件名(日期/文件)20181026/dc269f3ad05a6e656ccbdec468b970f4.png
    //$info->getExtension(); //文件后缀名 png
    //$info->getPathname();  //文件路径包括磁盘名称
    if($info){       
         $data = $info->getSaveName(); //文件路径
    }else{
         $data = '文件上传失败啦!';
    }
    return $data; //直接返回,不要封住成json
}

猜你喜欢

转载自blog.csdn.net/qq_37682202/article/details/83418639