Skip to content

Instantly share code, notes, and snippets.

@m5lil
Created January 14, 2017 18:38
Show Gist options
  • Save m5lil/c49e6ce1b479b122f48733ac41ca4004 to your computer and use it in GitHub Desktop.
Save m5lil/c49e6ce1b479b122f48733ac41ca4004 to your computer and use it in GitHub Desktop.
Multi file upload
<form action="upload" id="upload" enctype="multipart/form-data">
    <input type="file" name="file[]" multiple><br />
    <input type="submit">
</form>
<div id="message"></div>
var form = document.getElementById('upload');
var request = new XMLHttpRequest();

form.addEventListener('submit', function(e){
    e.preventDefault();
    var formdata = new FormData(form);

    request.open('post', '/upload');
    request.addEventListener("load", transferComplete);
    request.send(formdata);

});

function transferComplete(data){
    response = JSON.parse(data.currentTarget.response);
    if(response.success){
        document.getElementById('message').innerHTML = "Successfully Uploaded Files!";
    }
}
$files = $request->file('file');

if(!empty($files)):

  foreach($files as $file):
    Storage::put($file->getClientOriginalName(), file_get_contents($file));
  endforeach;

endif;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment