laravel8引入webuploader进行七牛云图片异步上传

在web uploader 官网下载web uploader &＃xff0c;将下载好的放框架public下

下载 - Web Uploader

创建一个视图页面&＃xff0c;放以下代码

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

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

这是我的路由

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

目前&＃xff0c;已有一个好看的页面

现在进行七牛云上传操作

下载composer第三方包

composer require itbdw/laravel-storage-qiniu 

打开 config 文件夹下的 app.php 文件&＃xff0c;在 providers 中加入一下代码

itbdw\QiniuStorage\QiniuFilesystemServiceProvider::class, 

打开 config 文件夹下的 filesystems.php 文件&＃xff0c;在 disks中加入一下代码


&＃39;qiniu&＃39; &＃61;> [ &＃39;driver&＃39; &＃61;> &＃39;qiniu&＃39;, &＃39;domain&＃39; &＃61;> &＃39;&＃39;, //你的七牛域名 &＃39;access_key&＃39;&＃61;> &＃39;&＃39;, //AccessKey &＃39;secret_key&＃39;&＃61;> &＃39;&＃39;, //SecretKey &＃39;bucket&＃39; &＃61;> &＃39;&＃39;, //Bucket名字&＃xff0c;即七牛云存储空间名称 ],

 在控制器里面进行上传

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

 现在全部操作就完成了&＃xff0c;是不是很简单呢