Home Reference Source Repository
import FileUploadField from 'ntnu-react/material/FileUploadField.js'
public class | source

FileUploadField

Extends:

react~React.Component → FileUploadField

File upload button.

Example:

handleUpload = (files) => {
    uploadFiles(files.map((file) => {
        return {file: file, name: `prefix-${file.name}`};
    }));
}

<FieldUploadField
    label="Vedlegg"
    multiple={true}
    onFile={this.handleUpload}
/>

Static Member Summary

Static Public Members
public static
public static

Member Summary

Public Members
public

Method Summary

Public Methods
public

render(): Node

Static Public Members

public static defaultProps: Object source

public static propTypes: Object source

Properties:

NameTypeAttributeDescription
label string

Button label.

multiple boolean

Accept multiple files.

accept string

Accept string to input field.

onFile function(files: File[])

Callback when file(s) are selected.

Public Members

public handleChange: function source

Public Methods

public render(): Node source

Return:

Node