Allows single line file uploads. One or both installations are supported simultaneously. Use VaFileField or VaImageField with this element to show a preview of uploaded files.
<template>
<v-row no-gutters>
<v-col sm="3" class="mr-3">
<va-file-field source="files" :item="model" action-type="download" table-name="employeeFiles"></va-file-field>
</v-col>
</v-row>
<v-row>
<v-col lg="3" md="4" sm="6">
<va-file-input source="files" table-name="employeeFiles"></va-file-input>
</v-col>
</v-row>
</template>
Property | Type | Description |
---|---|---|
source | string |
The property of the resource to fetch the value to display. Supports dot display for slot used object. |
model | string |
By default source will be the last name sent to the API service for create/update. This support allows you to override this default behavior. |
variant | string |
Applies different styles to the component. (outlined, plain, underlined, solo, filled, solo-filled, solo-inverted). |
itemValue | string |
Specifies where to retrieve the ID value to identify files to delete (Default: "id"). |
accept | string |
Adds HTML5 `accept` feature for simple client-side validation. |
base64 | boolean |
Enables uploading with base64 encoding. |
tableName | string |
Name of the table in the database where global installation files are kept. |
download | boolean |
Activates the click and download file option. |