THINKPHP 模板上传图片--后台接收图片

admin

1. //前台

复制代码

1. {extend name="public/base" /}
   
2. {block name="body"}
   
3. 
   
4. 
   
5.     <div class="row">
   
6.         <div class="col-md-8">
   
7. 
   
8.             <div class="page-header">
   
9.               <h2>发布文章</h2>
   
10.             </div>
    
11.             <form id="uploadForm">
    
12. <input type="hidden" value="{$Think.session.user_id}" name="user_id" id="user_id" />
    
13. 
    
14.               <div class="form-group">
    
15.                 <label>标题</label>
    
16.                   <input type="text" name="title" id="title" class="form-control" placeholder="文章标题">
    
17.               </div>
    
18. 
    
19. 
    
20.               <div class="form-group">
    
21.                 <label >栏目</label>
    
22.                     <select class="form-control" name="cate_id" id="cate_id">
    
23.                     {volist name="cateList" id="vo"}
    
24.                         <option value="{$vo.id}">{$vo.name}</option>
    
25.                     {/volist}
    
26.                     </select>
    
27.               </div>
    
28. 
    
29.               <div class="form-group">
    
30.                 <label>内容</label>
    
31.                     <textarea id="content" class="form-control" rows="8" name="content" placeholder="内容"></textarea>
    
32.               </div>
    
33. 
    
34.             
    
35.               <div class="form-group">
    
36.                 <label >封面图</label>
    
37.                     <input type="file" name="title_img" id="inputfile" >
    
38.                     <!-- <p class="help-block">Example block-level help text here.</p> -->
    
39.                     <div id="info" style=" color:red;margin-bottom: 3px;margin-top: 8px;"></div>
    
40.               </div>
    
41. 
    
42. 
    
43.             </form>
    
44. 
    
45.                <div class="form-group">
    
46.                   <button  class="btn btn-primary" id="register" style="width:100%">发布</button>
    
47.               </div>
    
48. 
    
49. 
    
50. 
    
51.         </div>
    
52. 
    
53.         <script>
    
54.             $(function(){
    
55. 
    
56.                 $("#register").on('click',function(){
    
57. 
    
58.                     var img = $("#inputfile").prop("files")[0];
    
59.                     var formData = new FormData();
    
60.                     formData.append('title_img', img);
    
61.                     formData.append('user_id', $('#user_id').val());
    
62.                     formData.append('title', $('#title').val());
    
63.                     formData.append('cate_id',$('#cate_id').val());
    
64.                     formData.append('content', $('#content').val());
    
65. 
    
66. 
    
67.                     $.ajax({
    
68.                         url:"{:url('index/insertcl')}",
    
69.                         type:"post",
    
70.                         data:formData,
    
71.                         dataType:'json',
    
72.                         cache: false,
    
73.                         processData: false,
    
74.                         contentType: false,                    
    
75.                         success:function(data){
    
76.                             //如果输入不合格
    
77.                             if(data.status==-1){
    
78.                             $('#info').text(data.message);
    
79.                             }else{
    
80.                                 alert(data.message);
    
81.                                 window.location.href="{:url('index/index')}";
    
82.                             }
    
83.                         }
    
84.                     });
    
85.             });
    
86.         });
    
87.         </script>
    
88. {/block}

复制代码

后台

1. //发布文章操作
   
2.     public function insertcl(){
   
3.         $data = $_POST;
   
4.         $data['title_img'] =request()->file('title_img');
   
5.         //验证器
   
6.         $rule = 'app\common\validate\Article';
   
7.         $res = $this->validate($data,$rule);
   
8.         //验证结果
   
9.         if($res!==true){
   
10.             return ['status'=>-1,'message'=>$res];
    
11.         }   
    
12.         
    
13.         //获取file对象
    
14.         $file =  $data['title_img'];
    
15.         //文件信息验证与上传到服务器指定目录
    
16.         $info = $file->validate([
    
17.             'size'=>5000000,  //文件大小
    
18.             'ext'=>'jpg,jpeg,png,gif'  //文件拓展名
    
19.         ])->move('uploads/');  //移动到public/uploads目录下
    
20. 
    
21.         //错误就报错
    
22.         if($info==false){
    
23.             return ['status'=>-1,'message'=>$file->getError()];
    
24.         }
    
25. 
    
26.         //获取文件名
    
27.         $data['title_img'] = $info->getSaveName();
    
28. 
    
29.         $result = Article::create($data);
    
30. 
    
31.         if($result){
    
32.             return ['status'=>1,'message'=>'发布成功'];
    
33.         }
    
34.         return ['status'=>0,'message'=>'发布失败'];
    
35. 
    
36. 
    
37.     }

复制代码