laravel 8引入 web uploader 进行七牛云图片异步上传

在web uploader 官网下载web uploader ，将下载好的放框架public下

下载 - Web Uploader

创建一个视图页面，放以下代码

或将照片拖到这里，单次最多可选300张
0%{{--自定义属性ids，存放token值--}}{{--因为laravel框架有跨站请求伪造的考虑，请求要检测token--}}{csrf_token()}}">开始上传

你或许会好奇SWF文件没有引入，其实SWF文件在upload.js里面进行了引入

当然有小伙伴可能会问上传的路由在哪里,如下，upload.js140行左右。只需要将server改成你的目标路由就好啦

这是我的路由

Route::post('file',[\App\Http\Controllers\UsersTwoController::class,'file']);

目前，已有一个好看的页面

现在进行七牛云上传操作

下载composer第三方包

composer require itbdw/laravel-storage-qiniu 

打开 config 文件夹下的 app.php 文件，在 providers 中加入一下代码

itbdw\QiniuStorage\QiniuFilesystemServiceProvider::class, 

打开 config 文件夹下的 filesystems.php 文件，在 disks中加入一下代码

'qiniu' => [  'driver'    => 'qiniu',  'domain'    => '',  //你的七牛域名  'access_key'=> '',    //AccessKey  'secret_key'=> '',   //SecretKey  'bucket'    => '',    //Bucket名字，即七牛云存储空间名称  ],

 在控制器里面进行上传

function file(Request $request){$disk = \Storage::disk('qiniu'); //使用七牛云上传$time = date('Y-m-d');$filename = $disk->put($time, $request->file('file'));//上传 这里的file是前端的name值，自己来定if(!$filename) {echo "上传失败";}$img_url = $disk->getDriver()->downloadUrl($filename); //获取下载链接return $img_url;}

 现在全部操作就完成了，是不是很简单呢 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！