图片/文件上传 - layui.upload

图片/文件上传 - layui.upload

普通上传文件是借助 type="file" 的 input 标签来完成的, 这太low了

本文是利用 layui 做 两种情况下的图片上传 服务器端是ThinkPHP3.2

实例一: (点击上传即保存数据库)

upload.html

  
  
  
  
  
  
  




  上传图片
  

    
  
   
          

upload()方法

public function upload()
    {
    	if(IS_AJAX){
    		$upload = new \Think\Upload();// 实例化上传类
            $upload->maxSize   =     1024*1024 ;// 设置附件上传大小
            $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型 
            $upload->rootPath  =     './Public/'; // 设置附件上传根目录
            $upload->savePath  =     'img/'; // 设置附件上传（子）目录
            $info   =   $upload->upload();
            if(!$info) {// 上传错误提示错误信息
                $data['status']  = 5;
                $data['msg'] = $upload->getError();
            }else{// 上传成功
                $data['url'] = "/".$upload->rootPath.$info['file']['savepath'].$info['file']['savename'];
                $up_model=D('uploads');
                $up_model->url=$data['url'];
                if($up_model->add()){
                    $data['status']  = 1;
                    $data['msg'] = "上传成功";
                }else{
                    $data['status']  = 2;
                    $data['msg'] = "服务器繁忙";
                }
            }
            $this->ajaxReturn($data);
    	}
    	$this->display();
    }

实例二: (先点击选择文件, 再与其他表单数据一起提交)

uploads.html

  
  
  
  
  
  
  


          
 

  选择文件


    

开始上传
 
          

实测有效:

layui 文件上传 官方文档:  http://www.layui.com/doc/modules/upload.html