Save path image with Ajax in Laravel

Question

I can save all data varchar/text element from my form, but I can't save my path image.

Whats is wrong with my code?

Lets see my create.blade.php I can save value of var deadline but I can't save value of var path:

Form::open(array('url' => 'imagesLoker', 'files' => true))
    <form class="form-horizontal">
    <div class="box-body">
        <div class="form-group">
            {!!Form::label('Deadline Lowongan : ')!!}
            {!!Form::date('deadline',null,['id'=>'deadline','class'=>'form-control','placeholder'=>'Deadline Lowongan'])!!}
        </div>
        <div class="form-group">
            {!!Form::label('Image Lowongan : ')!!}
            {!!Form::file('path') !!}
        </div>
    </div><!-- /.box-body -->
</form>
{!!Form::close()!!}

This is my Controller:

public function store(Request $request)
    {
        Lowongan::create($request->all());
        return "data all";
    }

This is my Ajax to create the data:

$("#createLoker").click(function(){
    var datas = $('form').serializeArray();
    var route = "http://localhost:8000/lowongan";
    var token = $("#token").val();
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $.post(route,{
        deadline: $("#deadline").val(),
        path: $("#path").val()
    }).done(function(result){
        console.log(result);
    });
});

I don't know this is important or no to setting parse data in my Modal, but I just put this code in my Modal:

class Lowongan extends Model
{
    protected $table = 'Lowongan';
    protected $fillable = ['path','deadline'];

    public function setPathAttribute($path){
        $this->attributes['path']  = Carbon::now()->second.$path->getClientOriginalName();
        $name = Carbon::now()->second.$path->getClientOriginalName();
        \Storage::disk('local')->put($name, \File::get($path));
    }
}

And the last I set the directory to save the image. This is setting in the config/filesystem:

'disks' => [
        'local' => [
            'driver' => 'local',
            'root'   => public_path('imagesLoker'),
        ],

I can save the data deadline but no for image :( .. If there is any idea for how to save the image path, I will be pleased to know it.

You cant upload image with ajax using $.post. Take a look at this stackoverflow.com/questions/11046684/… — msulhas
– msulhas, Commented Nov 12, 2015 at 13:44

Jobin · Accepted Answer · 2015-11-12 04:29:09Z

0

In your form you have to allow file upload option in laravel like.

Form::open(array('url' => 'foo/bar', 'files' => true))

check the file upload section of laravel doc

Hope it helps..

answered Nov 12, 2015 at 4:29

Jobin

8,2822 gold badges36 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rameez Rami · Accepted Answer · 2015-11-12 12:21:14Z

please follow these steps

in view

change {!!Form::file('path') !!} to {!!Form::file('file') !!}

In controller

please note i have set the upload path to root/public/uploads/ folder

public function store(Request $request)
    {
        $file = Input::file('file');
        $path = '/uploads/';

        $newFileName = Carbon::now()->second.$file->getClientOriginalName(). '.' . $file->getClientOriginalExtension();

        // Move the uploaded file
        $upSuccess = $file->move(public_path() . $path, $newFileName);

        $result = file_exists(public_path() . $path . $newFileName);

        $fileData =[
            'fileType' => $file->getClientOriginalExtension(),
            'filePath' => substr($path, 1) . $newFileName
        ];

        Input::merge(array('path' => $fileData["filePath"]));

        Lowongan::create($request->all());
        return "data all";
    }

Collectives™ on Stack Overflow

Save path image with Ajax in Laravel

2 Answers 2

Comments

in view

In controller

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

in view

In controller

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related