Error with filePicker Appsmithv1.8.0

Question and Answers
1

Hi,
I have a small problem with my filePicker, when I want to retrieve the type {{FilePicker1.files[0].type}} I get an error
TypeError: Cannot read properties of undefined (reading ‘type’)

Thank you for your help

2

@fporta33 welcome back to Appsmith community forum!

Could you please help me with some more info? Please check the file contents like shared in the img below -

Screenshot 2022-09-29 at 6.29.23 PM
Screenshot 2022-09-29 at 6.29.23 PM1104×966 86.3 KB

I want to know if indeed the type property is there.

3

thanks for your help here is a piece of what i see. It’s a xlsx file.

{\"type\":\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\"id\":\"uppy-matrice/tarif/xlsx-2v-1e-application/vnd.openxmlformats-officedocument.spreadsheetml.sheet-131444-1664442500093\",\"data\":\"data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64
4

here is the error when i pass the file to my POST api

Invalid character '{' for QUERY_PARAM in "{\"type\":\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\"id\":\"uppy-matrice/tarif/xlsx-2v-1e-application/vnd.openxmlformats-officedocument.spreadsheetml.sheet-131444-1664442500093\",\"data\":\"data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,
5

Would you be able to share this app with us? Just invite support@appsmith.com as a developer. Also, send me the link as a message. If you can’t share the app, a loom video of issue in action is the next best option.

6

I have shared with you the project in dev mode
https://apps.coreplighting.net/app/gestion-tarif-et-referencement-client-copy/page1-633575903b001121d618c443

7

It looks like, it’s behind SSO so we won’t directly have access to the app. I am seeing following screen. If giving access is not possible, you can share a screen recording of issue in action.

Screenshot 2022-09-30 at 12.34.41 PM
Screenshot 2022-09-30 at 12.34.41 PM2364×592 126 KB

8

S…
ok i’ll try to do this

9

here’s a short video of what’s going on
https://drive.google.com/file/d/1aisqaHKc2dSGZnxVc_vp_ozNBP2VJFun/view?usp=sharing

a screenshot of the settings. I tested with several different settings for the filePicker

Capture d’écran du 2022-09-30 10-24-25
Capture d’écran du 2022-09-30 10-24-251619×515 54.5 KB

10

Can you wrap it under JSON.stringify? like - {{JSON.stringify(FilePicker3.files[0].data)}}

11

same result
I forgot to show you this in my API call parameters

Capture d’écran du 2022-09-30 13-49-12
Capture d’écran du 2022-09-30 13-49-121528×403 27.6 KB

12

The binding in the last screenshot would definitely not work. As files[0] is in JSON format and you are trying to change it to string just by adding "" which is wrong.
I am mostly curious about it working earlier. AFAIK, query params can only have strings and not the objects.

13

From what you say, it is indeed curious that it worked before, but the application has been in production for almost a year.
I’m going to delete all this and see what happens

14

I have just done the test and the result is the same. I will try to take another solution until I find out how to use filepicker again

15

@fporta33 just to confirm, was the filepicker working before and it recently stopped working?

16

Exactly. I wanted to come back to the application to modify some things but while doing my tests I realized that it did not work anymore in this version 1.8.0

17

@fporta33 this looks like a regression on our part. Here is the issue link, we’ll fix it asap

18

OK thanks :+1: i will follow this

19

Hello, I’m back with the news. Is there a solution to my problem or should I consider doing something else?

thanks

20

@fporta33 this has been fixed and will be available in the next release