Hello Guys

Jquery introduce plugin for upload the files from client to server in javascript is known as fineuploader. FineUploader have many properties to use according requirements.


Here, We have define the fineuploader properties as below :

this._options = {
       debug: false,
       button: null,
       multiple: true,
       maxConnections: 3,
       disableCancelForFormUploads: false,
       autoUpload: true,

       request: {
           endpoint: "/server/upload",
           params: {},
           paramsInBody: true,
           customHeaders: {},
           forceMultipart: true,
           inputName: "qqfile",
           uuidName: "qquuid",
           totalFileSizeName: "qqtotalfilesize",
           filenameParam: "qqfilename"
       },

       validation: {
           allowedExtensions: [],
           sizeLimit: 0,
           minSizeLimit: 0,
           itemLimit: 0,
           stopOnFirstInvalidFile: true,
           acceptFiles: null,
           image: {
               maxHeight: 0,
               maxWidth: 0,
               minHeight: 0,
               minWidth: 0
           }
       },

       callbacks: {
           onSubmit: function(id, name) {},
           onSubmitted: function(id, name) {},
           onComplete: function(id, name, responseJSON, maybeXhr) {},
           onAllComplete: function(successful, failed) {},
           onCancel: function(id, name) {},
           onUpload: function(id, name) {},
           onUploadChunk: function(id, name, chunkData) {},
           onUploadChunkSuccess: function(id, chunkData, responseJSON, xhr) {},
           onResume: function(id, fileName, chunkData) {},
           onProgress: function(id, name, loaded, total) {},
           onTotalProgress: function(loaded, total) {},
           onError: function(id, name, reason, maybeXhrOrXdr) {},
           onAutoRetry: function(id, name, attemptNumber) {},
           onManualRetry: function(id, name) {},
           onValidateBatch: function(fileOrBlobData) {},
           onValidate: function(fileOrBlobData) {},
           onSubmitDelete: function(id) {},
           onDelete: function(id) {},
           onDeleteComplete: function(id, xhrOrXdr, isError) {},
           onPasteReceived: function(blob) {},
           onStatusChange: function(id, oldStatus, newStatus) {},
           onSessionRequestComplete: function(response, success, xhrOrXdr) {}
       },

       messages: {
           typeError: "{file} has an invalid extension. Valid extension(s): {extensions}.",
           sizeError: "{file} is too large, maximum file size is {sizeLimit}.",
           minSizeError: "{file} is too small, minimum file size is {minSizeLimit}.",
           emptyError: "{file} is empty, please select files again without it.",
           noFilesError: "No files to upload.",
           tooManyItemsError: "Too many items ({netItems}) would be uploaded.  Item limit is {itemLimit}.",
           maxHeightImageError: "Image is too tall.",
           maxWidthImageError: "Image is too wide.",
           minHeightImageError: "Image is not tall enough.",
           minWidthImageError: "Image is not wide enough.",
           retryFailTooManyItems: "Retry failed - you have reached your file limit.",
           onLeave: "The files are being uploaded, if you leave now the upload will be canceled.",
           unsupportedBrowserIos8Safari: "Unrecoverable error - this browser does not permit file uploading of any kind due to serious bugs in iOS8 Safari.  Please use iOS8 Chrome until Apple fixes these issues."
       },

       retry: {
           enableAuto: false,
           maxAutoAttempts: 3,
           autoAttemptDelay: 5,
           preventRetryResponseProperty: "preventRetry"
       },

       classes: {
           buttonHover: "qq-upload-button-hover",
           buttonFocus: "qq-upload-button-focus"
       },

       chunking: {
           enabled: false,
           concurrent: {
               enabled: false
           },
           mandatory: false,
           paramNames: {
               partIndex: "qqpartindex",
               partByteOffset: "qqpartbyteoffset",
               chunkSize: "qqchunksize",
               totalFileSize: "qqtotalfilesize",
               totalParts: "qqtotalparts"
           },
           partSize: 2000000,
           // only relevant for traditional endpoints, only required when concurrent.enabled === true
           success: {
               endpoint: null
           }
       },

       resume: {
           enabled: false,
           recordsExpireIn: 7, //days
           paramNames: {
               resuming: "qqresume"
           }
       },

       formatFileName: function(fileOrBlobName) {
           if (fileOrBlobName !== undefined && fileOrBlobName.length > 33) {
               fileOrBlobName = fileOrBlobName.slice(0, 19) + "..." + fileOrBlobName.slice(-14);
           }
           return fileOrBlobName;
       },

       text: {
           defaultResponseError: "Upload failure reason unknown",
           sizeSymbols: ["kB", "MB", "GB", "TB", "PB", "EB"]
       },

       deleteFile: {
           enabled: false,
           method: "DELETE",
           endpoint: "/server/upload",
           customHeaders: {},
           params: {}
       },

       cors: {
           expected: false,
           sendCredentials: false,
           allowXdr: false
       },

       blobs: {
           defaultName: "misc_data"
       },

       paste: {
           targetElement: null,
           defaultName: "pasted_image"
       },

       camera: {
           ios: false,

           // if ios is true: button is null means target the default button, otherwise target the button specified
           button: null
       },

       // This refers to additional upload buttons to be handled by Fine Uploader.
       // Each element is an object, containing `element` as the only required
       // property.  The `element` must be a container that will ultimately
       // contain an invisible `<input type="file">` created by Fine Uploader.
       // Optional properties of each object include `multiple`, `validation`,
       // and `folders`.
       extraButtons: [],

       // Depends on the session module.  Used to query the server for an initial file list
       // during initialization and optionally after a `reset`.
       session: {
           endpoint: null,
           params: {},
           customHeaders: {},
           refreshOnReset: true
       },

       // Send parameters associated with an existing form along with the files
       form: {
           // Element ID, HTMLElement, or null
           element: "qq-form",

           // Overrides the base `autoUpload`, unless `element` is null.
           autoUpload: false,

           // true = upload files on form submission (and squelch submit event)
           interceptSubmit: true
       },

       // scale images client side, upload a new file for each scaled version
       scaling: {
           // send the original file as well
           sendOriginal: true,

           // fox orientation for scaled images
           orient: true,

           // If null, scaled image type will match reference image type.  This value will be referred to
           // for any size record that does not specific a type.
           defaultType: null,

           defaultQuality: 80,

           failureText: "Failed to scale",

           includeExif: false,

           // metadata about each requested scaled version
           sizes: []
       },

       workarounds: {
           iosEmptyVideos: true,
           ios8SafariUploads: true,
           ios8BrowserCrash: true
       }
   };