Question

我正在尝试通过AJAX将文件存储到laravel中的公共文件夹，但是当我提交表单时，我收到以下消息：

”消息：“无法创建根目录\“ C：\ xampp \ htdocs \ Restaurante1 \ storage \ app \ C：/ xampp / htdocs / Restaurante1 / public / img \”。例外：“联盟\ Flysystem \ Exception”，文件：“ C：\ xampp \ htdocs \ Restaurante1 \ vendor \ league \ flysystem \ src \ Adapter \ Local.php”

我正在尝试将文件存储到公共目录中的以下文件夹中：public> img> uploads

这是我的JQuery代码：

console.log('new slider button clicked');
	
var formData = new FormData();
formData.append('title', $('#sliders_title').val());
formData.append('body', $('#sliders_body').val());
formData.append('isVisible', $('#sliders_isVisible').is(':checked') ? 1 : 0);
formData.append('image', $('#sliders_image').prop('files')[0]);


$.ajax({

    async: true,
    url: '/sliders',
    type: 'POST',
    data: formData,
    dataType: 'JSON',
    processData: false,
    contentType: false,
        
    success: function (data) { 
        $('.form_valid_container').html('<span class="form_valid_text">✓ '+ data.success +'</span>');
	    form.trigger("reset");
        console.log(data.success, data.errors);
    },

    error: function (data){
        var errors = data.responseJSON;
        console.log(errors);
	
	    $.each(errors , function(){
            $('.form_error_container').html('<span class="form_error_text">✘ '+ errors.message +'</span>')
        }); 
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我的控制器方法：

public function store(StoreSlider $request)
{
    $uploadFile = $request->file('image');

    //generate random filename and append original extension (eg: asddasada.jpg, asddasada.png)
    $filename = str_random(6).'.'.$uploadFile->extension();

    // storing path (Change it to your desired path in public folder)
    $path = 'img/uploads/';

    // Move file to public filder
    $uploadFile->storeAs(public_path($path), $filename);
	
    $slider = new Slider();
    $slider->title = $request->title;
    $slider->body = $request->body;
    $slider->image = $path.'/'.$filename; // So that you can access image by url($slider->image);
    $slider->isVisible = $request->isVisible;
    $slider->save();
	
    return response()->json([
	
        'success' => 'Diapositiva guardada correctamente',
		'slider' => $slider,
    ]);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

编辑：这是我的配置/文件系统

<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Default Filesystem Disk
    |--------------------------------------------------------------------------
    |
    | Here you may specify the default filesystem disk that should be used
    | by the framework. The "local" disk, as well as a variety of cloud
    | based disks are available to your application. Just store away!
    |
    */

    'default' => env('FILESYSTEM_DRIVER', 'local'),

    /*
    |--------------------------------------------------------------------------
    | Default Cloud Filesystem Disk
    |--------------------------------------------------------------------------
    |
    | Many applications store files both locally and in the cloud. For this
    | reason, you may specify a default "cloud" driver here. This driver
    | will be bound as the Cloud disk implementation in the container.
    |
    */

    'cloud' => env('FILESYSTEM_CLOUD', 's3'),

    /*
    |--------------------------------------------------------------------------
    | Filesystem Disks
    |--------------------------------------------------------------------------
    |
    | Here you may configure as many filesystem "disks" as you wish, and you
    | may even configure multiple disks of the same driver. Defaults have
    | been setup for each driver as an example of the required options.
    |
    | Supported Drivers: "local", "ftp", "sftp", "s3", "rackspace"
    |
    */

    'disks' => [

        'local' => [
            'driver' => 'local',
            'root' => storage_path('app'),
        ],

        'public' => [
            'driver' => 'local',
            'root' => storage_path('app/public'),
            'url' => env('APP_URL').'/storage',
            'visibility' => 'public',
        ],

        's3' => [
            'driver' => 's3',
            'key' => env('AWS_ACCESS_KEY_ID'),
            'secret' => env('AWS_SECRET_ACCESS_KEY'),
            'region' => env('AWS_DEFAULT_REGION'),
            'bucket' => env('AWS_BUCKET'),
            'url' => env('AWS_URL'),
        ],

    ],

];

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

我的回答可能与这个问题无关，但是如果有人遇到相同的问题，我认为可能会有所帮助。我遇到了同样的问题，我的“ putFileAs ”与“ storeAs ”的工作方式相同，例如$path = Storage::putFileAs('public/users_upload/'.$user->username, $File_to_be_moved, $file_name_to_store_as);第一个参数用于指向目录的路径。 .. You can check the laravel documentation for more info here

Answer 2

首先，您应该知道自己在做的事是错误的做法。但是您也应该知道，该错误不是因为Laravel无法做到这一点。这是因为Laravel找不到路径“ img / uploads”。

解决方案1：手动创建目录，如果您使用存储库管理器，请不要忘记在目录中添加.gitignore文件。

解决方案2：

之后：

// storing path (Change it to your desired path in public folder)
$path = 'img/uploads/';

添加：

if(!file_exists(public_path($path)) || !is_dir(public_path($path)){
    @mkdir(public_path($path));
}

解决方案3（Laravel建议我们这样做）。

由于您使用的是Windows，因此可以创建符号链接（实际上是硬链接，但仍然可以这样做）。

以管理员身份运行命令提示符（cmd）并输入：

mklink /J "laravel/public/file/directory/uploadsdirectory" "/path/to/laravel/roor/storage/app"

之后，您可以更改此内容：

$uploadFile->storeAs(public_path($path), $filename);

收件人：

$uploadFile->storeAs($path, $filename);

注意：我没有尝试使用此代码/解决方案，但它们应该可以正常工作。

Answer 3

在文件系统中，您需要创建驱动程序磁盘。

$uploadFile->storeAs('/', $filename, 'uploads');

您可以调用控制器存储空间

import React, {FunctionComponent, useEffect} from 'react';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import {AuthenticatedRoute} from './components/AuthenticatedRoute/AuthenticatedRoute';
import {Layout} from './components/Layout/Layout';
import {GlobalStyle} from './GlobalStyle';
import {Add} from './routes/add';
import {Home} from './routes/home';
import {Logout} from './routes/logout';
import {StateProvider} from './state/StateProvider';

import {useAppState} from './state/state.context';
import {ActionType} from './state/types/actions';

export const App: FunctionComponent = () => {
    const {dispatch} = useAppState();

    useEffect(() => {
        let currentUser = localStorage.getItem('token');
        let token;
        if (currentUser !== null) {
            token = JSON.parse(currentUser)
            dispatch({type: ActionType.LOGIN, jwtToken: token});
        }
    }, []);
    
    return (
        <Router>
            <GlobalStyle />
            <StateProvider>
                <Layout>
                    <Switch>
                        <Route exact={true} path="/" component={Home} />
                        <Route path="/login" component={Home} />
                        <AuthenticatedRoute path="/add" component={Add} />
                        <AuthenticatedRoute path="/logout" component={Logout} />
                    </Switch>
                </Layout>
            </StateProvider>
        </Router>
    );
};

Laravel：存储文件

3 个答案: