当前位置: 首页 > Web前端 > HTML5

基于phpLaravel的大文件HTML5拦截上传

时间:2023-04-05 22:28:09 HTML5

上传大文件时,往往处理时间较长,同时可能出现用户注销、断网等问题。使用HTML5的切片上传技术,将有效提升大文件上传时的用户体验。本文基于PhpLaravel后端框架和AetherUpload-Laravel组件,尝试构建一个覆盖前后端的大文件上传解决方案。AetherUpload-Laravel插件GitHub仓库环境PhpLaravel5.8AetherUpload-Laravel2.0前端配置Tips:前端代码还涉及Bootstrap、jasny-bootstrap、Creative-TimArgonCSS主题,不影响相关的配置代码逻辑这篇文章@if($path==='')has('path')?'has-danger':''}}"id="aetherupload-wrapper">上传视频

选择视频更改视频
@else@endif后端配置publicfunctionupdatePath(Request$request,$id){$video=Video::find($id);if($video->path!==''){\AetherUpload\Util::deleteResource($video->path);$video->path=$request->path;if($video->save()){returnredirect()->back()->withInput()->with('message','更新视频成功');}else{returnredirect()->back()->withInput()->withErrors('更新视频失败');};}rest配置一些操作:通过请求路由“域名(开启分布式时应该是存储服务器的域名)/aetherupload/display/”+file1访问获取上传资源的访问链接(手动)file1(自动)通过全局辅助方法aetherupload_display_link(file1)访问file1(自动)通过工具方法AetherUploadUtil::getDisplayLink(file1)访问file1通过请求路由“域名”获取上传资源的下载链接(手动)(启用分布式时应该是存储服务器的域名)/aetherupload/download/“+file1+”/newname”通过全局帮助方法(自动)下载file1aetherupload_download_link(file1,newname)通过工具类方法AetherUploadUtil::getDownloadLink(file1,newname)Downloadfile1deleteresourceAetherUploadUtil::deleteResource($savedPath);//删除对应的资源文件AetherUploadUtil::deleteRedisSavedPath($savedPath);//删除对应的redis秒传记录