PHPackages                             genealabs/nova-file-upload-field - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [File & Storage](/categories/file-storage)
4. /
5. genealabs/nova-file-upload-field

ActiveLibrary[File & Storage](/categories/file-storage)

genealabs/nova-file-upload-field
================================

A Laravel Nova field.

0.6.0(2y ago)5454.5k↓44.1%7[9 issues](https://github.com/mikebronner/nova-file-upload-field/issues)MITVue

Since Jun 18Pushed 2mo ago3 watchersCompare

[ Source](https://github.com/mikebronner/nova-file-upload-field)[ Packagist](https://packagist.org/packages/genealabs/nova-file-upload-field)[ GitHub Sponsors](https://github.com/mikebronner)[ RSS](/packages/genealabs-nova-file-upload-field/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (5)Versions (20)Used By (0)

File Upload Field for Laravel Nova
==================================

[](#file-upload-field-for-laravel-nova)

[![GitHub (pre-)release](https://camo.githubusercontent.com/b16547e0707f47ea39fa71965ff55e674ba316b919bd20c61dd0f6e2dc3f50fd/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f47656e65614c6162732f6e6f76612d66696c652d75706c6f61642d6669656c642f616c6c2e737667)](https://github.com/GeneaLabs/nova-file-upload-field)[![Packagist](https://camo.githubusercontent.com/f894ba3750c398af2b314d888f0a184c9b67349e21c247de80d0ce2d5386dc1d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f47656e65614c6162732f6e6f76612d66696c652d75706c6f61642d6669656c642e737667)](https://packagist.org/packages/genealabs/nova-file-upload-field)[![GitHub license](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://raw.githubusercontent.com/GeneaLabs/nova-file-upload-field/master/LICENSE)

[![File Upload Field for Laravel Nova](https://repository-images.githubusercontent.com/192123976/6392e900-91f8-11e9-88b5-74365e97af5a)](https://repository-images.githubusercontent.com/192123976/6392e900-91f8-11e9-88b5-74365e97af5a)

Supporting This Package
-----------------------

[](#supporting-this-package)

This is an MIT-licensed open source project with its ongoing development made possible by the support of the community. If you'd like to support this, and our other packages, please consider [becoming a backer or sponsor on Patreon](https://www.patreon.com/mikebronner).

We thank the following sponsors for their generosity, please take a moment to check them out:

- [LIX](https://lix-it.com)

Impetus
-------

[](#impetus)

I needed a file upload field for a few of my projects, with the versatile functionality that worked across all modern browsers in various use-cases. Safari has issues with drag-dropping URLs (it converts them to `webloc` files), different browsers have different little quircks in how they behave (Safari triggers change on input fields when they are updated programatically, Chrome does not in the case of changing files on a file input field).

Functionality
-------------

[](#functionality)

The following features set this form field appart from others:

- drag-and-drop of URLs
- drag-and-drop of links that point to files
- drag-and-drop of web files (any web element with a src attribute that points to a file)
- drag-and-dop of system files
- image previews
- any uploadable items (files, URLs, links) are available in the request as an `UploadedFile` object in Laravel's Request object

Installation
------------

[](#installation)

```
composer require genealabs/nova-file-upload-field
```

Usage
-----

[](#usage)

Add it as a field in your Nova resource, for example:

```