{"action":"created","issue":{"url":"https://api.github.com/repos/rowanwins/vue-dropzone/issues/10","repository_url":"https://api.github.com/repos/rowanwins/vue-dropzone","labels_url":"https://api.github.com/repos/rowanwins/vue-dropzone/issues/10/labels{/name}","comments_url":"https://api.github.com/repos/rowanwins/vue-dropzone/issues/10/comments","events_url":"https://api.github.com/repos/rowanwins/vue-dropzone/issues/10/events","html_url":"https://github.com/rowanwins/vue-dropzone/issues/10","id":191622273,"number":10,"title":"file isn't uploading to the server","user":{"login":"kyoukhana","id":756849,"avatar_url":"https://avatars.githubusercontent.com/u/756849?v=3","gravatar_id":"","url":"https://api.github.com/users/kyoukhana","html_url":"https://github.com/kyoukhana","followers_url":"https://api.github.com/users/kyoukhana/followers","following_url":"https://api.github.com/users/kyoukhana/following{/other_user}","gists_url":"https://api.github.com/users/kyoukhana/gists{/gist_id}","starred_url":"https://api.github.com/users/kyoukhana/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kyoukhana/subscriptions","organizations_url":"https://api.github.com/users/kyoukhana/orgs","repos_url":"https://api.github.com/users/kyoukhana/repos","events_url":"https://api.github.com/users/kyoukhana/events{/privacy}","received_events_url":"https://api.github.com/users/kyoukhana/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-11-25T04:12:54Z","updated_at":"2016-11-25T04:58:03Z","closed_at":null,"body":"When I upload the file using postman to test and see if the API is working. It works but when uploading with vue-dropzone it doesn't work.  Here is my code.  I can drag the file no problem and it appears but doesn't save it to the server.\r\n\r\n## Upload form code\r\n```\r\n\r\n<template>\r\n    <div class=\"content-grid mdl-grid\">\r\n        <div class=\"mdl-grid\">\r\n            <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet\">\r\n\r\n\r\n                <form action=\"#\" @submit=\"storeTrack(track)\" v-on:submit.prevent autocomplete=\"false\" enctype=\"multipart/form-data\">\r\n\r\n                    <input type=\"hidden\" name=\"token\" value=\"this.$auth.token('login-as')\" v-model=\"track.token\">\r\n\r\n                    <h3>File</h3>\r\n\r\n\r\n                    <div class=\"mdl-textfield mdl-js-textfield\">\r\n                        <dropzone id=\"fileDropZone\"  url=\"/api/track/upload\"></dropzone>\r\n                    </div>\r\n\r\n\r\n\r\n                    <!-- Raised button with ripple -->\r\n                    <div class=\"mdl-textfield mdl-js-textfield\" >\r\n                        <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect\">\r\n                            Add\r\n                        </button>\r\n\r\n                    </div>\r\n                </form>\r\n\r\n\r\n            </div>\r\n            <div class=\"mdl-cell mdl-cell--4-col mdl-cell--6-col-tablet\"></div>\r\n            <div class=\"mdl-cell mdl-cell--2-col mdl-cell--4-col-phone\"></div>\r\n        </div>\r\n\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\n    var data='';\r\n    export default{\r\n\r\n        data: function () {\r\n            return {\r\n                tkn:''\r\n            }\r\n        },\r\n\r\n        actions: {\r\n\r\n        },\r\n\r\n\r\n        events: {\r\n            'vdropzone-success': function (file) {\r\n                console.log('A file was successfully uploaded' + file);\r\n            }\r\n        },\r\n\r\n        methods:{\r\n\r\n\r\n\r\n        },\r\n\r\n        ready: function () {\r\n            \r\n\r\n\r\n        }\r\n\r\n\r\n\r\n    }\r\n</script>\r\n```\r\n## Laravel Returns the following error\r\n\r\nFatalErrorException in TracksController.php line 103: Call to a member function store() on null.  Looks like the filename is null.  \r\n\r\n## API Laravel Code\r\n```\r\n /*Upload File  Controller*/\r\n    public function uploadFile(){\r\n        $file = request()->file('fileDropZone');\r\n        $file->store('tracks');\r\n\r\n        //return $file->getFilename();\r\n    }\r\n```\r\n\r\n## Route\r\n```\r\n /*Upload files */\r\n    Route::post('track/upload',[\r\n        'uses' => 'TracksController@uploadFile'\r\n    ]);\r\n```\r\n\r\nNow this upload all works in postman so not sure why it isn't working in the app.  In case here are my dependencies.  \r\n\r\n```\r\n{\r\n  \"private\": true,\r\n  \"dependencies\": {\r\n    \"@websanova/vue-auth\": \"^1.5.1-beta\",\r\n    \"babel-core\": \"^6.17.0\",\r\n    \"babel-eslint\": \"^7.0.0\",\r\n    \"babel-loader\": \"^6.2.5\",\r\n    \"babel-plugin-transform-runtime\": \"^6.12.0\",\r\n    \"babel-preset-es2015\": \"^6.16.0\",\r\n    \"babel-preset-stage-2\": \"^6.0.0\",\r\n    \"bootstrap-sass\": \"^3.3.7\",\r\n    \"css-loader\": \"^0.23.0\",\r\n    \"dropzone\": \"^4.3.0\",\r\n    \"gulp\": \"^3.9.1\",\r\n    \"jquery\": \"^3.1.0\",\r\n    \"laravel-elixir\": \"^6.0.0-9\",\r\n    \"laravel-elixir-vue-2\": \"^0.2.0\",\r\n    \"laravel-elixir-webpack-official\": \"^1.0.2\",\r\n    \"lodash\": \"^4.16.2\",\r\n    \"material-design-lite\": \"*\",\r\n    \"path\": \"^0.12.7\",\r\n    \"style-loader\": \"^0.13.0\",\r\n    \"vue\": \"^1.0.26\",\r\n    \"vue-hot-reload-api\": \"^2.0.6\",\r\n    \"vue-html-loader\": \"1.2.3\",\r\n    \"vue-loader\": \"8.5.4\",\r\n    \"vue-mdl\": \"^0.9.4\",\r\n    \"vue-resource\": \"^1.0.3\",\r\n    \"vue-router\": \"^0.7.13\",\r\n    \"vue-strap\": \"^1.0.11\",\r\n    \"vue-style-loader\": \"^1.0.0\",\r\n    \"vuex\": \"^1.0.0-rc.2\",\r\n    \"webpack\": \"^1.12.2\",\r\n    \"webpack-dev-server\": \"^1.16.1\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"babel-core\": \"^6.17.0\",\r\n    \"babel-loader\": \"^6.2.5\",\r\n    \"babel-preset-es2015\": \"^6.16.0\"\r\n  }\r\n}\r\n\r\n```"},"comment":{"url":"https://api.github.com/repos/rowanwins/vue-dropzone/issues/comments/262880970","html_url":"https://github.com/rowanwins/vue-dropzone/issues/10#issuecomment-262880970","issue_url":"https://api.github.com/repos/rowanwins/vue-dropzone/issues/10","id":262880970,"user":{"login":"kyoukhana","id":756849,"avatar_url":"https://avatars.githubusercontent.com/u/756849?v=3","gravatar_id":"","url":"https://api.github.com/users/kyoukhana","html_url":"https://github.com/kyoukhana","followers_url":"https://api.github.com/users/kyoukhana/followers","following_url":"https://api.github.com/users/kyoukhana/following{/other_user}","gists_url":"https://api.github.com/users/kyoukhana/gists{/gist_id}","starred_url":"https://api.github.com/users/kyoukhana/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kyoukhana/subscriptions","organizations_url":"https://api.github.com/users/kyoukhana/orgs","repos_url":"https://api.github.com/users/kyoukhana/repos","events_url":"https://api.github.com/users/kyoukhana/events{/privacy}","received_events_url":"https://api.github.com/users/kyoukhana/received_events","type":"User","site_admin":false},"created_at":"2016-11-25T04:58:03Z","updated_at":"2016-11-25T04:58:03Z","body":"In Postman i am doing the following\r\n\r\n<img width=\"1213\" alt=\"dropzone\" src=\"https://cloud.githubusercontent.com/assets/756849/20614883/d36c39fe-b2a1-11e6-874b-48162ca7274f.png\">\r\n"}}
{"actor":{"display_login":"kyoukhana"}}