/laravel-modal-uploader

Simple Js and XHR based Modal to upload a single file (Like WhatsApp Web previous versions).

Primary LanguageJavaScriptMIT LicenseMIT

laravel-modal-uploader

Simple Js and XHR based Modal to upload a single file (Like WhatsApp Web previous versions).

Note

This project is under construction (but working), use at your own risk.

Requirements

  1. Laravel 4+
  2. Bootstrap 3+
  3. Jquery
  4. Min Laravel Knowledge

Basic Usage:

Step 1. Create the route for upload and replace into 'resources/views/partials/modal-upload.blade.php'

	<form data-action="{{ url('Put Your Url Here') }}" data-request="POST" enctype="multipart/form-data" id="uploadForm">

Step 2. Set the header on the view that you use to upload files

    <script src="{{ url('js/modal-uploader.js') }}"></script>

Step 3. In the same file, include the modal

    @include('partials.modal-upload')

Step 4. Open the Controller that will receive the route method and put something like this

    public function upload(PrepareUploadRequest $request) {
        $user = Auth::user();

        $destinationPath = "attachment/";
        $file = $request->file('file');

        if($file != null) {
            $filename = $user->id . time();

            if (!is_dir($destinationPath)) {
                mkdir($destinationPath, 0777, true);
            }

            $final_location = $destinationPath;
            $request->file('file')
                ->move($final_location, $filename.'.'. strtolower($request->file('file')
                ->getClientOriginalExtension()));

        }
        
        return response('200');
    }

##Enjoy!