laravel 自定义上传文件保存路径和公共资源路径

最新推荐文章于 2024-05-30 10:46:32 发布

「已注销」

最新推荐文章于 2024-05-30 10:46:32 发布

阅读量5.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： laravel

本文链接：https://blog.youkuaiyun.com/back_day/article/details/104421257

laravel 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在Laravel框架中如何自定义上传文件的保存路径，以将其与项目目录分离，以及如何配置公共资源路径。通过修改`config/filesystem.php`，将本地驱动的保存路径更改为外部文件夹，并在前端设置`multipart/form-data`的表单提交。在控制器中使用`storeAs`方法处理文件，并阐述了如何在Windows和Linux下手动创建软链接，以便访问公共存储的资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这两天在尝试Laravel自带的文件上传。Laravel作为十分强大的框架，自带了文件上传的实现，但是默认的配置上传文件都是保存在项目目录内的，这是十分不提倡的方式，比较好的方式就是我们将上传文件保存目录和项目分离开。

配置文件config/filesystem.php修改

laravel框架的config/filesystem文件包含了laravel自带上传功能的相关配置
在这里插入图片描述
默认的上传文件采用本地驱动，保存在根目录的storage目录下，
public是例如图片等允许公共访问资源的路径，s3我们暂不理会

把local->root的值修改为要保存文件的文件夹绝对路径
例如我们要保存文件到f:\upload文件夹下，修改local->‘root’=‘f:\upload’

前端实现：

<form class="form-inline center-block" id="ajax-upload" enctype="multipart/form-data" action="{{route('users.upload')}}" method="post">
                {{csrf_field()}}
                <input class="form-control" type="file" name="file">
                <button class="btn btn-primary" type="submit">上传文件</button>
            </form>

请注意，文件上传是一定要设置表单enctype属性=“multipart/form-data”
我这里是通过ajax异步提交，还用到了FormData序列化表单数据

ajax提交表单的实现：

$('#ajax-upload').submit(function () {
    event.preventDefault();
    var url = $('#ajax-upload').attr('action');
    var formData = new FormData($('#ajax-upload')[0])
    $.ajax({
        url: url,
        type: 'POST',
        data: formData,
        //请求的媒体类型
        processData: false,    //记得加这两条，否则可能会出错
        contentType: false,
        //请求地址

        success: function (data) {
            // msg
        },
        error: function (data) {
            // error
        }
    })

});

控制器：

然后我们就可以在控制器中保存获取的文件，需要指定文件名称用storeAs方法，不需要指定保存文件的名称可使用store方法，会随机生成文件名称

//判断文件是否上传成功
if ($request->hasFile('file') && $request->file('file')->isValid()){
	$request->file('file')->storeAs('/', $request->file('file')->getClientOriginalName());
	
    return response()->json(['status' => true, 'msg' => '上传成功']);  //ajax返回结果
}