@onereach/or-file-uploader
🗂 Vue component for uploading files.
Example
<or-file-uploader
ref="uploadFiles"
:isUploadPrivateEnabled="true"
:uploadPrivateDefaultValue="true"
:alwaysUploadPrivate="false"
:uploadedFileName="uploadedFileName"
@fileUploaded="fileUploadedHandler"
/>
fileUploadedHandler ({ fileName, type, content, isPublic }) {
this.uploadedFileName = ''
setTimeout(() => {
const file = new Blob([content], { type })
const fileModel = { fileName, file, type }
// use fileModel to make http request for uploading
// use isPublic to determine whether it's public uploading
// this.$http.post(...)
// set uploadedFileName to the filename that succeeded was uploaded
this.uploadedFileName = fileName
}, Math.round(Math.random() * 3000))
}
Props
-
uploadedFileName: String default:
''
Use to indicate if fileUploaded handler finished uploading the specified file
-
isUploadPrivateEnabled: Boolean default:
true
Indicates whether private uploading is enabled
-
uploadPrivateDefaultValue: Boolean default:
true
The property specifies the default value for the checkbox 'Make private'
-
alwaysUploadPrivate: Boolean default:
false
Force to upload the file as private only
Methods
-
fileUploaded
Emitted when the file is ready for uploading to back.
Handler is called with
fileName, type, content, isPublic
params, e. g.
{
fileName:'test.json',
type: 'application/json',
content: ArrayBuffer(17),
isPublic: false
}
-
closeButtonClicked
Emitted when close button was clicked.