laravel mp3

最新推荐文章于 2021-03-28 23:24:07 发布

fanhengfan

最新推荐文章于 2021-03-28 23:24:07 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/fanyaheng/article/details/52511001

版权

controller

   public function index(){
       return view('index/index');
   }
   public function add(){
       $arr=Request::all();
       unset($arr['_token'],$arr['file']);
       $mp3=Input::file('file');
       $tmp=$mp3->getPathname();
       $name=$mp3->getClientOriginalName();
       $mp3->move(public_path().'/uploads',$name);
       $arr['path']='./uploads/'.$name;
       $arr['time']=date("Y-m-d",time());
       $re=DB::table('mp')->insert($arr);
       return redirect('show');
   }
   public function show(){
       $search=Request::input('search');
       if(!empty($search)){
           $arr=DB::table('mp')->where(array('time'=>$search))->get();
           echo json_encode($arr);
       }else{
           $arr['all']=DB::table('mp')->get();
           return view('index/show',$arr);
       }
   }

html

index.blade.php

show.blade.php

         <!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <script src="jquery-1.8.3.min.js"></script>
</head>
<body>
   <h3>面试录音列表</h3>
   <input type="text" name="search"><button>筛选</button>
   <table>
   @foreach($all as $k)
       <tr>
           <td>{{ $k->name }}</td>
           <td><audio controls="controls" preload="autoplay"
                src="{{ $k->path }}"></audio></td>
       </tr>
   @endforeach
</table>
</body>
</html>
<script>
   $(function(){
       $('button').click(function(){
           var search=$('input[name="search"]').val();
           $.getJSON('search',{search:search},function(msg){
               if(msg!=''){
                   var str='';
                   for(var i=0;i<msg.length;i++){
                       str+="<tr><td>"+msg[i]['name']+"</td><td><audio controls='controls' preload='autoplay' src='"+msg[i]['path']+"'></audio></td></tr>";
                   }
                   $('table').html(str);
               }
           });
       });
   })
</script>