-
Notifications
You must be signed in to change notification settings - Fork 80
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
SohoFleupload: Doesn't support showing all selected files in input field like the behavior in enterprise-wc #8847
Comments
@tmcconechy Thanks, let me try or maybe I can implement the behavior by myself as a walkaround. |
@tmcconechy I tried File Upload (Advanced) component but it seems that the support is limited. e.g. I can't find a way to fail the uploading status. Need your help, thanks! |
@FinCheng if you upload it twice it would show it twice. I think that might be correct. Not sure if there is any solution, maybe you can try to look at the api and delete the old one if it exists if you really want. |
@tmcconechy Thanks, it's reasonable for customer to upload a file twice. However, as you mentioned, I can't find APIs to operate each file upload status. e.g. delete or fail the uploading status. Does the component support that? |
No @FinCheng sorry i dont think it does. Will add some scope to this issue. |
@tmcconechy glad to hear that, thanks for your help. |
Describe the Issue
We found file upload component doesn't support showing all selected files in input field when configured supporting multiple files uploading. However, in enterprise-wc, it's supported. Not sure whether there is an issue in enterprise component.
To Reproduce
Steps to see the question or problem:
Add file upload component which uses multiple to support multiple files uploading:
![image](https://private-user-images.githubusercontent.com/7753190/342540868-efebf1fe-44b0-4ca1-8b22-82a1b340063a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NzkzNDgsIm5iZiI6MTcyMjk3OTA0OCwicGF0aCI6Ii83NzUzMTkwLzM0MjU0MDg2OC1lZmViZjFmZS00NGIwLTRjYTEtOGIyMi04MmExYjM0MDA2M2EucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDZUMjExNzI4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YjFkYWI5YmFhYjg2ZWViNDdjZTNlZjAxMzUxNTRjOWNmOWM4YzlkOGUyNzQxMTdlM2NhODU1NTQ4MWRlY2NjMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Sw7EuNya9BYWx89Iy32uzsI8qKa6UBifNpnYCnC8dto)
<input soho-fileupload id="fileupload" class="fileupload" name="fileupload" multiple>
Select files to upload
![image](https://private-user-images.githubusercontent.com/7753190/342541963-7dadb65a-36fc-4d46-84bc-c36efd3829fa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NzkzNDgsIm5iZiI6MTcyMjk3OTA0OCwicGF0aCI6Ii83NzUzMTkwLzM0MjU0MTk2My03ZGFkYjY1YS0zNmZjLTRkNDYtODRiYy1jMzZlZmQzODI5ZmEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDZUMjExNzI4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YmFjNTliNGE2NjM4NDZhZjBmMzE3NjUzY2QxOWM4NDcwYzk5ODAwMzI5ZjgwNGM3MzA3M2U4ODJjNjAzYzBjZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.1PHfiKzgb--tvqSGE2paxBMUNzcT6AMnlbapohUhJdY)
Expect all selected files show in input field but only one file displayed.
![image](https://private-user-images.githubusercontent.com/7753190/342541804-44278706-d826-4535-bc85-5b0f1e44f110.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NzkzNDgsIm5iZiI6MTcyMjk3OTA0OCwicGF0aCI6Ii83NzUzMTkwLzM0MjU0MTgwNC00NDI3ODcwNi1kODI2LTQ1MzUtYmM4NS01YjBmMWU0NGYxMTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDZUMjExNzI4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZDY4NmI5NTMzYjRhMWE0ZjFmZWI3Y2IyN2FjNWMwNDkyNDg4OGM1ZjRhYzhiYmYyNTUyM2JlZjIzNWVhNDQ3OCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.0yiKVeuhokTIZ0XQhHaOm-UquHzk_ZGD0NaCf-y647s)
What are you trying to do
Does soho-fileupload support multiple files uploading, how can we implement the expected behavior?
What did you try so far
![image](https://private-user-images.githubusercontent.com/7753190/342543648-41daebba-3e50-4f3d-ac1f-03ad7122f51c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NzkzNDgsIm5iZiI6MTcyMjk3OTA0OCwicGF0aCI6Ii83NzUzMTkwLzM0MjU0MzY0OC00MWRhZWJiYS0zZTUwLTRmM2QtYWMxZi0wM2FkNzEyMmY1MWMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgwNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MDZUMjExNzI4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MzY2NjE3YTA2MzE0NGEyN2Y4MTU3NGUzYTU5MjUxMjdhMzYzNTJiZjE0OTY1NGM4Mjk4OTdlNGI3MDg3OWJiYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.sRq-W3wFd9Ct-RRUahUfThaPc2pfv8w9sWYb7V6hAvM)
Actually, I found ids-upload in web components support the behavior, not sure why the file upload component in enterprise doesn't support that.
Version
Screenshots
See reproduce steps.
Platform
Additional Context
N/A
The text was updated successfully, but these errors were encountered: