` as it takes all the space:\n```html\n
\n \n
\n```\n\n### Backend\n\nOn the server side, you should handle POST and DELETE requests. DELETE url would have the file name at the end.\n\n| Request | Return \n| --- | --- \n| POST | `{url: 'full-url', size: 0}` \n| DELETE | `{result: true}`\n\n#### Laravel example:\n```php\n// routes/web.php\n\nRoute::post('/upload', 'PrintableInvoicesController@uploadCustomInvoice');\nRoute::delete('/destroy/{file_name}', 'PrintableInvoicesController@destroyCustomInvoice');\n\n\n// PrintableInvoicesController.php\n\npublic function uploadCustomInvoice(Request $request): array\n{\n $path = $request->custom_invoice_file->store('folder');\n $url = asset('storage/' . $path);\n\n return [\n 'url' => $url,\n 'size' => \\Storage::size($path),\n ];\n}\n\n\npublic function destroyCustomInvoice(string $file_name): array\n{\n return [\n 'result' => \\Storage::delete('folder/' . $file_name)\n ];\n}\n```\n\n\n## Styling\n\n\n\nIncrease specificity and style it as you need:\n```css\ndiv > .single-file-upload-for-vue {\n font-size: .75em;\n border: 2px dashed #dc5f00;\n background: #ffe484;\n border-radius: 20%;\n}\n```\n\n## Properties\n| Name | Type | Default | Description \n| --- | --- | --- | --- \n| name | String | 'file_input' | Name of the file input\n| store_url | String | '/store-url' | url for the POST request \n| destroy_url | String | '/destroy-url' | url for the DELETE request (file name would be appended to the end)\n| headers | Object | | Request headers\n| loaded | Object | | Absolute link to the loaded file (url) and size in bytes (size) \n| accept | String | | A comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow\n\n\n## Emits\n| Name | Description | Payload\n| --- | --- | --- \n| complete | Upload complete event | Absolute link to the uploaded file and size in bytes: {url: 'link', size: 7}\n\n\n## License\nThe MIT License (MIT). Please see [License File](LICENSE) for more information.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","readmeFilename":"README.md","author":{"name":"Andrew"},"license":"MIT"}
![\"npm](\"https://img.shields.io/npm/dt/@beaubus/single-file-upload-for-vue?logo=npm\")
\n![\"MIT\"](\"https://img.shields.io/github/license/beaubus/single-file-upload-for-vue\")
\n\n \n\n ![\"Twitter](\"https://img.shields.io/twitter/follow/daily_web_dev?style=social\")
\n\n\n