JavaScript/jQuery FileUploader Options

accept

accessKey

activeStateEnabled

allowCanceling

allowedFileExtensions

chunkSize

{
    "FileGuid": string,   
    "FileName": string,   
    "FileType": string,   
    "FileSize": long,
    "Index": long,        // The chunk's index
    "TotalCount": long,   // The file's total chunk count
}

disabled

elementAttr

$(function(){
    $("#fileUploaderContainer").dxFileUploader({
        // ...
        elementAttr: {
            id: "elementId",
            class: "class-name"
        }
    });
});

<dx-file-uploader ...
    [elementAttr]="{ id: 'elementId', class: 'class-name' }">
</dx-file-uploader>

import { DxFileUploaderModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxFileUploaderModule
    ],
    // ...
})

@(Html.DevExtreme().FileUploader()
    .ElementAttr("class", "class-name")
    // ===== or =====
    .ElementAttr(new {
        @id = "elementId",
        @class = "class-name"
    })
    // ===== or =====
    .ElementAttr(new Dictionary<string, object>() {
        { "id", "elementId" },
        { "class", "class-name" }
    })

)

@(Html.DevExtreme().FileUploader() _
    .ElementAttr("class", "class-name")
    ' ===== or =====
    .ElementAttr(New With {
        .id = "elementId",
        .class = "class-name"
    })
    ' ===== or =====
    .ElementAttr(New Dictionary(Of String, Object) From {
        { "id", "elementId" },
        { "class", "class-name" }
    })
)

focusStateEnabled

height

hint

hoverStateEnabled

invalidFileExtensionMessage

invalidMaxFileSizeMessage

invalidMinFileSizeMessage

isValid

labelText

maxFileSize

minFileSize

multiple

name

onContentReady

onDisposing

onInitialized

onOptionChanged

onProgress

onUploadAborted

onUploaded

onUploadError

$(function(){
    $("#fileUploader").dxFileUploader({
        // ...
        onUploadError: function(e){
            var xhttp = e.request;
            if (xhttp.readyState == 4 && xhttp.status == 0) {
                console.log("Connection refused.");
            }
        }
    });
});

export class AppComponent {
    handleNetworkError (e) {
        var xhttp = e.request;
        if (xhttp.readyState == 4 && xhttp.status == 0) {
            console.log("Connection refused.");
        }      
    }
}

<dx-file-uploader ...
    (onUploadError)="handleNetworkError($event)">
</dx-fileUploader>

onUploadStarted

onValueChanged

progress

readOnly

readyToUploadMessage

rtlEnabled

DevExpress.config({
    rtlEnabled: true
});

selectButtonText

showFileList

tabIndex

uploadButtonText

uploadedMessage

uploadFailedMessage

uploadHeaders

uploadMethod

uploadMode

uploadUrl

validationError

value

visible

width