基于Php Laravel的大文件HTML5分块上传

大文件上传时，往往需要的处理时间会很长，同时可能会出现用户中途取消，网络断开等问题。使用HTML5的切片上传技术会有效改善大文件上传时的用户体验，基于Php Laravel后端框架和AetherUpload-Laravel这个组件，本文尝试去建立一个覆盖前后端的大文件上传方案。

AetherUpload-Laravel插件GitHub仓库

环境

• Php Laravel 5.8
• AetherUpload-Laravel 2.0

前端配置

Tips：前端代码中还涉及到了Bootstrap, jasny-bootstrap, Creative-Tim Argon的CSS主题，不影响本文相关的配置代码逻辑

@if($path === '')

    
    上传视频

    

        

            

                
            
            

                
                    选择视频
                    更换视频
                    
                
            
        
        
        

            

            
        

        
        
        
        
    
    


@else
    

        
    
@endif

后端配置

public function updatePath(Request $request, $id){
        $video = Video::find($id);

        
        if($video->path !== ''){
            \AetherUpload\Util::deleteResource($video->path);
        }

        $video->path = $request->path;
        if($video->save()){
            return redirect()->back()->withInput()->with('message', '更新视频成功');
        }else{
            return redirect()->back()->withInput()->withErrors('更新视频失败');
        };

    }

其余的一些操作的配置：

• 获得已上传资源的访问链接

  1. (手动)通过请求路由”域名(分布式启用时应当为储存服务器的域名)/aetherupload/display/“+file1 访问file1
  2. (自动)通过全局帮助方法 aetherupload_display_link(file1) 访问file1
  3. (自动)通过工具类方法 AetherUploadUtil::getDisplayLink(file1) 访问file1

• 获得已上传资源的下载链接

  1. (手动)通过请求路由”域名(分布式启用时应当为储存服务器的域名)/aetherupload/download/“+file1+”/newname” 下载file1
  2. (自动)通过全局帮助方法 aetherupload_download_link(file1,newname) 下载file1
  3. (自动)通过工具类方法 AetherUploadUtil::getDownloadLink(file1,newname) 下载file1
• 删除资源

AetherUploadUtil::deleteResource($savedPath); //删除对应的资源文件
AetherUploadUtil::deleteRedisSavedPath($savedPath); //删除对应的redis秒传记录。