Laravel 存储无法访问

Question

I am writing a system to upload and show some images, however I am confused about the correct way to access them once uploaded.

public function storeImage(Request $request)
{

    $request->file('image')->store('public/images');

    $filename = md5_file($request->file('image')) . '.' .  $request->file('image')->extension();
    $img = new Image;
    $img->path = 'storage/images/'.$filename;
    $img->save();

    return back();
}

This works fine, and I have symlinked storage as suggested, however if I use the $filename variable from the database I get a 404. What is the correct path to generate to insert as an inline image src attribute here?

The image tag looks like this: <img src="storage/images/89cdd31f2e0eeacceff96c2a0abb252f.jpeg"> The folder is definitely symlinked as I can follow it in finder.

Answer 1

Fixed this.

php artisan storage:link does not work with homestead. Instead delete the folder, manually recreate them on the machine using homestead ssh and ln -s ~/projects/my-website/storage/app/public/ ~/projects/my-website/public/storage .

Answer 2

Are you using the latest version of laravel, 5.3?

If so, have you tried using the URL method from the Storage facade to acquire the image src URL?

Example:

use Illuminate\\Support\\Facades\\Storage;

$url = Storage::url('file1.jpg'); //acquire URL

Answer 3

files should be stored in the directory storage/app/public so make sure that your files are stored in this directory.

After saving the file make sure to get the url of the file by passing file name as the argument.. here how I implemented

html form

<form action="" method="post" id="jobImage">
   <div class="form-group">
     <input type="file" class="form-control" id="image" name="image">
   </div>
   <input type="button" value="Upload Image" onclick="uploadImage()" class="btn btn-default" />
</form>

jquery uploadImage function

function uploadImage(){
        $.ajax({
            url:"{{url('/')}}/uploadImage",
            headers: {
                'X-CSRF-TOKEN': "{{csrf_token()}}"
            },

            data:new FormData($("#jobImage")[0]),
            method:"POST",
            processData: false,
            contentType: false,
            success:function(data){
                console.log(JSON.stringify(data));
                // alert(JSON.stringify(data));
                // $('#jobImageToDisplay').attr('src', '/public/uploads/' + data.image);

                $('#jobImageToDisplay').attr('src', data.url);
            },
            error:function(error){
                console.log(error);
            }
        });
    }

route in web.php

Route::post('/uploadImage','ControllerClass@uploadImage');

In the Controller class

public function uploadImage(Request $request)
    {
        $validator = Validator::make($request->all(), [
            'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
        ]);


        if ($validator->passes()) {

            $input = $request->all();
            $uploadedImage = $input['image'];
            // put image to storage/app/public/uploads/images
            $name = Storage::put('/public/uploads/images/', $uploadedImage);

            $visibility = Storage::getVisibility($name);
            // set visibility to true
            Storage::setVisibility($name, 'public');

            // get the url of the uploaded file
            $url = Storage::url($name);
            // return the url
            return response()->json(['url' => $url]);
        }


        return response()->json(['error'=>$validator->errors()->all()]);
    }

Answer 4

Also make sure you provide the correct APP_URL in the.env file

config/filesystems.php

'public' => [
    'driver' => 'local',
    'root' => storage_path('app/public'),
    'url' => env('APP_URL').'/storage',
    'visibility' => 'public',
    'throw' => false,
],

.env

APP_URL=http://127.0.0.1:8000