AWS File Uploader trouble driving me crazy

[blezz]

Very frustrated after days of trying to get this expensive plugin to work with my site, and I’m sure I’m the one doing something stupid but I can not deal with this on my own anymore.

1. I’ve got all keys and S3 settings right and no problem uploading files to my bucket using both File Uploader and File Uploader NoGUI, however I can not delete files from it which makes it virtually unusable. This is the error message I get from the console:

PLUGIN_-AWS–File-uploader—Any-size–action–Delete-file-.js:24 Uncaught (in promise) TypeError: Cannot read property ‘includes’ of null
at eval (PLUGIN_-AWS–File-uploader—Any-size–action–Delete-file-.js:24)

The key I set in the workflow I’ve tried both just the file name (stored as a thing in the bubble database) and the url. So I don’t see how it can be null.

2. Is there a way to store only the name of the file without _uuid as a thing in the database?
   I want to display files that belong to a certain project and not have the _uuid displayed in front of it in the list. I can do this with the File Uploader but not the NoGUI, and I want to use the NoGUI because I don’t want the ugly interface, but so many features are missing in the NoGUI element.

3. I want to make use of folders too but that doesn’t seem to be there in NoGUI. Is it possible?
   Or alternatively use the File Uploader but hide the entire interface and just use a normal button instead?

4. Every time I upload a file the field displays the file name in text, and this can not be hidden or reset. Very unprofessional looking. How do I fix that?

That’s all I want, a normal button that reacts like a normal button and opens the file browser when you click it, uploads the file, stores the necessary information in a table, and a possibility to delete them without logging into AWS and doing it manually.

[Ecaterina]

Hello, @blezz
Thanks for using our plugin.

Please find below our comments on all mentioned points:

@blezz

I’ve got all keys and S3 settings right and no problem uploading files to my bucket using both File Uploader and File Uploader NoGUI, however I can not delete files from it which makes it virtually unusable. This is the error message I get from the console:

First of all, please be sure that you checked the documentation for the Delete action within our Documentation:

AWS File Uploader Plugin

As you can see, on our Demo Page this action works properly:

In case this action will not work at your side after checking, please share with us the settings for this action.

@blezz

Is there a way to store only the name of the file without _uuid as a thing in the database?
I want to display files that belong to a certain project and not have the _uuid displayed in front of it in the list. I can do this with the File Uploader but not the NoGUI, and I want to use the NoGUI because I don’t want the ugly interface, but so many features are missing in the NoGUI element.

Unfortunately, it is not possible. We are adding a unique id as a prefix so you’d be able to upload the same files with the same names multiple times because otherwise, AWS will override the existing one.

@blezz

I want to make use of folders too but that doesn’t seem to be there in NoGUI. Is it possible?
Or alternatively, use the File Uploader but hide the entire interface and just use a normal button instead?

I’m afraid, there is no possibility to upload the entire folder to your AWC bucket. This functionality is not provided by AWS.

@blezz

Every time I upload a file the field displays the file name in the text, and this can not be hidden or reset. Very unprofessional looking. How do I fix that?

Can you please elaborate more on this matter? In which way you are willing to hide the name of the files?

Sorry for this inconvenience.
Best regards,

[blezz]

Thanks for replying @Ecaterina ! I have gone through the documentation several times, also the demo project and replicated the workflows there many times to make sure I’m not making a mistake with that. I’m running the latest version 1.75.0.

This is my workflow

The different “Delete file” are because I tried pulling the URL from several columns of the table to be extra sure.

I have tried the file uploader’s different folder/file structures (folder name/uuid_filename, uuid_filename) to see if it makes a difference whether I store the file in a folder or not. It does not make a difference.
I have tried making an input and inputting the url manually. Does not work.

I have tried removing files from the file uploader interface - that does remove the file. So I know it’s not an S3 or IAM configuration that is the problem.

My bucket location and plugin settings are correct, they correspond with my bucket and I can do everything except delete the files with a workflow.

How can pulling the file name be possible with the File Uploader but not the File Uploader NoGUI? It still stores the URL/Source but keeps the file name separate to store in a table if you wish - that works.
For example: I can upload a file called file.txt, and when the upload is done store “file.txt” under one column in a AWS table, the complete url “38749238579x8534782987/ur0we9f803490yufmd0s98tmw34908_file.txt” in another to use for referencing the file for deleting with a workflow, and the file size for example. Then I can use a repeating group to list the files by original file name. That’s what I wish to do, and I can do that with File Uploader but not with the NoGUI plugin. I just don’t want the interface because I find it a bad looking and not customizable to how I want it. I can not make it look like a regular button so I need to have the whole interface at a certain size to make it work.

I don’t want to upload an entire folder.

This is the error I get from console:

Everything points to the wrong URL being passed I guess since it works to remove directly from the File Uploader interface, but I don’t see why or how I can’t delete with a workflow as I’ve tried every possible way of passing a correct URL to it.

[blezz]

And if I have to use the File Uploader instead of File Uploader NoGUI, here is the other problem:

Desired result (works every now and then):

Most of the time:

The text centered and font chosen, it usually doesn’t appear like that. I added an additional state to trigger with a workflow telling it to change the font and center it to reinforce it but that didn’t work either.

Here is an error message I think may be related to that:

[Ecaterina]

Hello, @blezz
Thank you a lot for such a detailed response.

@blezz

The different “Delete file” are because I tried pulling the URL from several columns of the table to be extra sure.

Please note that it is wrong. You can’t trigger different columns in one action.
Please provide us:

• The screenshot of your AWS Bucket, where we can see the format of your folders;
• You should have only one “Delete file”;
• Please delete step 6 in this action, namely “Delete AWS Table”.

@blezz

That’s what I wish to do, and I can do that with File Uploader but not with the NoGUI plugin. I just don’t want the interface because I find it a bad looking and not customizable to how I want it. I can not make it look like a regular button so I need to have the whole interface at a certain size to make it work.

The only possibility to make required action with File Uploader NoGUI is to copy this:

@blezz

The text centered and font chosen, it usually doesn’t appear like that. I added an additional state to trigger with a workflow telling it to change the font and center it to reinforce it but that didn’t work either.

I’m afraid, that you can’t trigger text layout. Also, as we see from the screenshots with the error, you had a very strange issue, which appears for the reason of the conflict between different plugins.

In order to analyze some of your issues, can you please add our Support Team email to the list of collaborators to your application and provide me a link to your application? This will allow us to check your settings and run some tests to fix the mentioned problem.

To add our Support Team as a collaborator, you need to do the following steps in the Bubble Editor:

Settings > Collaboration > Add email support@zeroqode.com

Note: avoid the warning message regarding the plan, as we are an agency and you can easily add us to your collaborators.

Looking to hear you soon.
Regards,

[blezz]

@Ecaterina
Thank you so much for the input!

I have added support team and you can check it out on https://plugsnew.bubbleapps.io/version-test/
https://plugsnew.bubbleapps.io/version-test/project_dashboard/make-this-love this is the page intended for, with a project directed to it so you can try uploading.

Here is one of the folders in the S3 bucket:

Note that the folder name is set to the unique id of the “project” which is a thing in the database that loads on the page “project_dashboard” I linked above.

Regarding multiple “Delete file”, I did delete that now but the only reason I had multiple of them was because I thought “ok, well if the key from the url column doesn’t work, let it try also the file name column and the url column with file type set to file instead of text”. But I have tried all those separately with 1 action in the workflow before, just to make it clear that that doesn’t seem to be the issue. Also tried without deleting the table.

Your colleague Alexander helped out yesterday by making an example following the same principle as the demo page, and that’s all good there is no issue in the connection between bubble and the bucket but unfortunately I think you need to look at my case specifically and the “project dashboard” page to see what I’m doing wrong, and if there is a conflict between plugins.

Thanks in advance I really appreciate the time you’re putting in.

[blezz]

Hang on @Ecaterina !
It works after deleting the delete table action!!

Does this mean the table gets deleted too quick before it can reference the url?
In that case, can I solve it with another pause between the actions or do I need to trigger a custom event or something?

[blezz]

I take that back, again it doesn’t work. Very strange

[Ecaterina]

Hello, @blezz
I’m happy to hear that some of your issues were clarified by my colleague.

@blezz

Regarding multiple “Delete file”, I did delete that now but the only reason I had multiple of them was because I thought “ok, well if the key from the url column doesn’t work, let it try also the file name column and the url column with file type set to file instead of text”. But I have tried all those separately with 1 action in the workflow before, just to make it clear that that doesn’t seem to be the issue. Also tried without deleting the table.

I’m afraid that this flow is a bit incorrect. Even though you wanted to delete completely different columns, you can’t do it in one action, as we can find on your screenshot. Unfortunately, this goes against the logic of the work with Bubble. That’s why we proposed to analyze our Demo Page.

@blezz

It works after deleting the delete table action!!

Does this mean the table gets deleted too quick before it can reference the url?
In that case, can I solve it with another pause between the actions or do I need to trigger a custom event or something?

Unfortunately, but you can’t set the “Delete AWS Table” action in your workflow. If your files are deleted correctly ( from your Bucket the same) you don’t need to set this action.
Please remove it from your workflow generally.

@blezz

And if I have to use the File Uploader instead of File Uploader NoGUI, here is the other problem:

Desired result (works every now and then):

As for this issue ( for checking this issue we requested access for your application), please allow us to check with our team. It requires more time, I’m afraid. However, we will do our best to check this one.

Thanks for understanding.
Best regards,

[blezz]

Ok thank you!
So, will stop bothering you but the last thing i need to know: since deleting the table is not possible in the same workflow, how do I solve that?
Because I do need to have that, unless you want to have the database filled with old deleted entries that are not actually there anymore

[Ecaterina]

Hello, @blezz
Please be free to contact me anytime for fixing your issues

We analyzed a bit your application, and founded, that some of the information simply does not appear in the app due to an incorrect format. What’s more, the plugin simply can’t see some of the information.

It is possible that your folder names have unclear characters that are inaccessible to AWS.
We propose the next: please analyze your application with the “Inspect button”. In this way, you will find unclear characters, and some of your issues could be solved.

Please check it and let us know about your result.
Best regards,

[blezz]

Alright, most of it seems to work fine now but I’m still wondering about deleting tables, why can’t I do it in the same workflow and what is an alternative to it. As I said above, if I delete a file I would like to also delete the record in the database so its not filled up with records whose files actually dont exist anymore. Does that make sense?

[Ecaterina]

@blezz

Please allow us to analyze your request one more time and to revert to our comments ASAP.
Please note that it can take some time due to the weekends.

Thanks for understanding.
Best regards,

[Ecaterina]

Hello, @blezz
Thanks for your patience.

Please allow me to note that you can delete the AWS table in the same workflow file deleting.
In case if all data is valid, this action should be successful on your side.

In case if you successfully setted the “Delete action”, you will be able to delete the Table from your AWS.

Kindly ask you to check it and to let me know if it is working on your side.
Best regards,

[blezz]

Hey @Ecaterina !
When I don’t have my “Delete AWS table” action at the end of the workflow, it works. When I add it, it doesn’t remove the file from S3. When I remove it, it works again. This was the solution (and new problem) to all my problems. I’ve also tried adding a delay of several seconds in case it didn’t have time to send the information or something but no success.

[blezz]

For anyone else that has problems with this: It works if you make a custom workflow and trigger that at the end of your delete file workflow.

Now only one thing left! How do I reset the input/clear the Title?

When it uploads I get an ugly filename on FileUploader NoGUI. It is not possible to change it with states or any action like reset inputs etc.

Can you update the plugin to at least have the choice of displaying the filename or not?

@Ecaterina

[Ecaterina]

Hello, @blezz

@blezz

When I don’t have my “Delete AWS table” action at the end of the workflow, it works. When I add it, it doesn’t remove the file from S3. When I remove it, it works again. This was the solution (and new problem) to all my problems. I’ve also tried adding a delay of several seconds in case it didn’t have time to send the information or something but no success.

Please allow us to check the possibility to delete the AWS Table one more time and to revert to comments about it. We will be doing our best to revert with an answer in the nearest time.

@blezz

When it uploads I get an ugly filename on FileUploader NoGUI. It is not possible to change it with states or any action like reset inputs etc.

As for it, allow me to propose you delete the title generally from this field. It will help you to avoid title displaying on a page.

Thanks for your understanding.
Regards,

[Ecaterina]

Hello, @blezz

As I mentioned in my previous message, we tried to crate the “Delete button” workflow, where you will be able to delete the AWS Table in one workflow with deleting the other files from your bucket.
Please find below screenshots with the correct settings for this action:

Please try it and let us know if it works in your app.
Best regards,