Skip to content

Picker: Upload error for new version 4.0.3 #603

@Orlandster

Description

@Orlandster

I recently upgraded filestack-js from 3.40.5 to 4.0.3 and noticed some weird error in the picker. Direct uploads to fielstack without the picker seem to work as before.

When using the picker the file properly uploads, I can also confirm that in the request, I see a proper response for the upload, there's also a green checkmark next to the file. But in the top left corner there's an icon indicating there was an error.

If then try to click "Done", it simply clears the list of uploaded files.

Image

The response of the upload looks fine tho:

// I removed the actual values in some cases
{
    "handle": "...",
    "url": "...",
    "filename": "okb.png",
    "size": 879305,
    "mimetype": "image/png",
    "key": "...",
    "container": "...",
    "status": "Stored"
}

The picker options look as following:

        const options: filestack.PickerOptions = {
              maxFiles: 10,
              maxSize: ...,
              viewType: 'list',
              disableTransformer: true,
              cleanupImageExif: {
                  keepOrientation: true,
                  keepICCandAPP: true,
              },
              onFileSelected(file: Filestack.FileMetadata) {
                  ...
              },
            container: 'droppane',
            displayMode: 'dropPane' as filestack.PickerDisplayMode, // cast need due to filestack bug
            dropPane: {
                overlay: false,
                onDragLeave: () => this.showDroppane(false),
            },
            storeTo: {
                location: 's3',
                container: filestackConf.uploadBucket,
                region: filestackConf.uploadRegion,
                path: filestackConf.uploadPath + '/',
            },
            customText: {
              ...
            },
            acceptFn: (file: any) => {
                ....
            },
            onFileSelected: (file: Filestack.FileMetadata) => {
                ...
            },
            onUploadDone: (files: {filesUploaded: Filestack.FileMetadata[]; filesFailed: Filestack.FileMetadata[]}) => {
              ...
            },
            onFileUploadFailed: (file: Filestack.FileMetadata, error: any) => {
               ..
            },
        };

Let me know if you need additional info, thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions