initialFiles not shown up

[ameenazeemiacmedocs]

I am getting an issue on Initial Files do not show up ,it shows like

instead of actual image. Below is the code that i am using

<DropzoneArea acceptedFiles={['image/jpeg', 'image/png', 'image/bmp']} showPreviews={true} showPreviewsInDropzone={true} showFileNamesInPreview={true} initialFiles={[https://images.pexels.com/photos/1909603/pexels-photo-1909603.jpeg`]}
filesLimit={1}
maxFileSize={1000 * 1000}
dropzoneText="Advertisement Image"
onChange={changeAdImage}

                                    />`

[lahoti-piyush]

i am also facing some issue.

[brizandrew]

I think I've figured out the problem. It looks like the ternary that decides whether to show a real image or this icon uses this helper function.

That function is returning "false" incorrectly on your image and mine because this other helper function is adding an extension even if the file has one in the URL.

For example your file is being named pexels-photo-1909603.jpeg.jpg by createFileFromURL and then isImage is saying jpeg.jpg is not a valid image extension.

I'm not sure what the best solution here is, maybe checking to see if the filename already has an extension before adding it.

[seanhaufler]

This logic change to the isImage function worked for me, feel free to use / submit a pull request if you like:

export function isImage(file) {
    const fileName = file.name || file.path;
    const match = /.*\.(.+)/.exec(fileName)
    if (!match || match.length < 2) {
        return false
    }
    const suffix = match[1]
    if (suffix === 'jpg' || suffix === 'jpeg' || suffix === 'bmp' || suffix === 'png') {
        return true;
    }
    return false
}

[Rambalac]

Image does not need to have any extension to be an image.
If you want to get ContentType use HEAD request.
Or accept callback to allow developers to decide what icon should be used.

[faupol3]

Fix at #101