The maximum number of files to allow the user to upload. The maximum file size for a single upload in MB. Whether the Remove link is shown on items. Can also accept a CSS selector of an element that will open the file dialog when clicked.Ī comma separated string of accepted file types eg 'image/*,application/pdf.psd'. Whether the dropzone area is clickable, if false then users can only drag items on to the area. NOTE: If you have the option uploadMultiple set to true, then Dropzone will append to the name. The name of the file param that gets transferred. Prop NameĪ string by which to identify the component, can be anything. customOptionsObject is defined in data() with following props names. If you are passing props using dropzoneOptions object then, use prop names same as given in below table.Į.g. paramName becomes :param-name="", showRemoveLink becomes :show-remove-link="". If you are using following options as props (attributes) to component then use dash-seperated names of props.Į.g. Many of these props are inherited from dropzone configuration so see their doco for further details. Register it as a component as you would any other Vue componentĬonsole.log('A file was successfully uploaded').Import the module ( import Dropzone from 'vue2-dropzone').Npm install also need to load either the Material Icon or FontAwesome icon kits depending on which style of icon you'd like. A Vue component for file uploads, powered by Dropzone.js.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |