thinkphp的同步上传图片和异步上传图片

admin

同步上传：

前台页面：

1. <div class="form-div">
   
2.             <form action="{:url('index/i/edit_head_img_cl')}" enctype="multipart/form-data" method="post">
   
3.                 <input type="file" name="image" accept="image/gif, image/jpg ,image/png"/> <br>
   
4.                 <p style="color:red">仅支持不大于5m，后缀为jpg,png,gif的图片</p>
   
5.                 <input type="submit" value="上传" />
   
6.             </form>
   
7.         </div>

复制代码

后台页面：

1. //处理头像修改
   
2.     public function edit_head_img_cl(){
   
3. 
   
4.       //检验用户是否登陆，并获取user_id
   
5.       if($this->check_log['ok'] == '-1'){
   
6.         $this->error($this->check_log['error']);
   
7.       }
   
8.       $user_id = $this->check_log['id'];
   
9.       echo '1';
   
10.       // 获取表单上传文件 例如上传了001.jpg
    
11.       $file = request()->file('image');
    
12.       echo '2';
    
13.       // 移动到框架应用根目录/public/uploads/ 目录下
    
14.       if($file){
    
15.           $info = $file->validate(['size'=>5242880,'ext'=>'jpg,png,gif'])->move('static/uploads/');
    
16.           if($info){
    
17.               // 成功上传后 获取上传信息
    
18.               // 输出 jpg
    
19. /*              echo $info->getExtension();
    
20.               // 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg
    
21.               echo $info->getSaveName();
    
22.               // 输出 42a79759f284b767dfcb2a0197904287.jpg
    
23.               echo $info->getFilename(); */
    
24.               $ing_url = $info->getSaveName();
    
25.               //把url写进头像
    
26.               $res = UserDB::update(['id'=>$user_id,'head_img'=>$ing_url]);
    
27.               if(!$res){
    
28.                 echo '系统故障，更换头像失败';
    
29.               }else{
    
30.                 echo '<script type="text/javascript">parent.location.reload();</script>';
    
31.               }
    
32. 
    
33. 
    
34.           }else{
    
35.               // 上传失败获取错误信息
    
36.               echo $file->getError();
    
37.           }
    
38.       }else{
    
39.         echo request()->post('image');
    
40.       }
    
41.     }

复制代码

异步上传：

前台页面：

1. <tr>
   
2.                                 <td>头像（异步上传）：</td>
   
3.                                 <td>
   
4.                                     {if $user.head_img == ''}
   
5.                                         <img src="__STATIC__/uploads/{$site_setup.default_img}" style=" 50px;height: 50px;" class="head-img">
   
6.                                     {else/}
   
7.                                         <img src="__STATIC__/uploads/{$user.head_img}" style=" 50px;height: 50px;" class="head-img">
   
8.                                     {/if}
   
9.                                 </td>
   
10.                                 <td>
    
11.                                     <input type="file" multiple="multiple" id="inputfile" name="" class="photo">
    
12. 
    
13.                                     
    
14.                                 </td>
    
15.                             </tr>

复制代码

1. <script>

复制代码

1. //处理头像修改(异步)
   
2.     public function edit_head_img_cl_yb(){
   
3. 
   
4.       //检验用户是否登陆，并获取user_id
   
5.       if($this->check_log['ok'] == '-1'){
   
6.         return ['ok'=>'-1','message'=>$this->check_log['error']];
   
7.       }
   
8.       $user_id = $this->check_log['id'];
   
9. 
   
10.       // 获取表单上传文件 例如上传了001.jpg
    
11.       $file = request()->file('image');
    
12. 
    
13.       // 移动到框架应用根目录/public/uploads/ 目录下
    
14.       if($file){
    
15.           $info = $file->validate(['size'=>5242880,'ext'=>'jpg,png,gif'])->move('static/uploads/');
    
16.           if($info){
    
17.               // 成功上传后 获取上传信息
    
18.               // 输出 jpg
    
19. /*              echo $info->getExtension();
    
20.               // 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg
    
21.               echo $info->getSaveName();
    
22.               // 输出 42a79759f284b767dfcb2a0197904287.jpg
    
23.               echo $info->getFilename(); */
    
24.               $ing_url = $info->getSaveName();
    
25.               //把url写进头像
    
26.               $res = UserDB::update(['id'=>$user_id,'head_img'=>$ing_url]);
    
27.               if(!$res){
    
28.                 return ['ok'=>'-1','message'=>'系统故障，更换头像失败'];
    
29. 
    
30.               }else{
    
31.                  return ['ok'=>'1','message'=>'上传成功！','url'=>$ing_url];
    
32.               }
    
33. 
    
34. 
    
35.           }else{
    
36.               // 上传失败获取错误信息
    
37.               return ['ok'=>'-1','message'=>$file->getError()];
    
38.           }
    
39.       }else{
    
40.         return ['ok'=>'-1','message'=>'没有接收到图片！'];
    
41.       }
    
42.     }

复制代码