498
Views
11
Comments
Solved
I want to upload files using button ..not using upload widget
Question
Application Type
Reactive

Hi ,

here there is an type of upload using button not using widget and i also need upload file one by one by clicking single button called upload and while checking on upload it must go to browse my doc in my system files

2019-08-28 11-43-22
Bruno Marques
Solution

Hi,

You can hide the upload widget but click it when pressing the upload button.

Please check the attached oml.

Regards

SampleOml.oml
UserImage.jpg
KIRUBHAKARAN Mohandass

thanks i have doubt , how does user can upload another document using the same widget that has been hidden

2019-08-28 11-43-22
Bruno Marques

You can upload one document at a time when clicking on upload button. The onChange from the upload widget is triggered and in the handler you manage the file content and the filename that you upload from your system.  

In that oml, the files are added into a list that is presented in the screen.

UserImage.jpg
KIRUBHAKARAN Mohandass

thank you lot ,iam getting your point and i will try it now

2022-09-01 09-52-33
Carlos Rodrigues

Hi,

I think this forge component has what you want: https://www.outsystems.com/forge/component-overview/7405/reactfilepondupload 

UserImage.jpg
KIRUBHAKARAN Mohandass

Hi Carlos ,

     Here I have only one button ,i need to upload directly using that button

2019-08-28 11-43-22
Bruno Marques
Solution

Hi,

You can hide the upload widget but click it when pressing the upload button.

Please check the attached oml.

Regards

SampleOml.oml
UserImage.jpg
KIRUBHAKARAN Mohandass

thanks i have doubt , how does user can upload another document using the same widget that has been hidden

2019-08-28 11-43-22
Bruno Marques

You can upload one document at a time when clicking on upload button. The onChange from the upload widget is triggered and in the handler you manage the file content and the filename that you upload from your system.  

In that oml, the files are added into a list that is presented in the screen.

UserImage.jpg
KIRUBHAKARAN Mohandass

thank you lot ,iam getting your point and i will try it now

2022-08-03 04-32-50
Ravi Punjwani

Hi Kirubhakaran,

  1. Can you suggest what should happen when the user clicks on this Upload button on your screenshot?
  2. Where is the user supposed to provide the file for uploading into the system?


Once we have this information, we can suggest which widgets you can use to achieve that.

UserImage.jpg
KIRUBHAKARAN Mohandass

user need to upload a file by clicking same upload for all four documents thats required

2022-08-03 04-32-50
Ravi Punjwani


That's certainly possible with some minor tweaks. And that can allow uploading 1 (at a time) or multiple files (all in one go) depending on how you want it to behave. All well upto this stage.

Now, how is the software supposed to know the files the user has uploaded goes against which label? I assume you want to categorise each of these files into one of the labels mentioned on the left.

Is there any instructions you want to put in place? Like first upload only "Outstanding letters" document, nothing else. Then on next click "upload quotation from the car dealer."

What's the plan around managing that requirement?

UserImage.jpg
KIRUBHAKARAN Mohandass

you are correct ,that i need to upload one by one file 
1)While i click on first check box it must be grey color and i click upload button ,when upload is done the check box color must be on yellow ,its mention that file uploaded.
2)its an same process for other 3 check box also ,i need to upload all document one by one by clicking check box and upload

2022-08-03 04-32-50
Ravi Punjwani

Hi Kirubhakaran,

You can use this forge component to start with

https://www.outsystems.com/forge/component-overview/200/multiple-file-upload

This allows multiple or single file uploads.

Install its demo application also, then open the demo application and click on "Only upload button" option from the browser.

This way you will be able to implement and solve your requirement for single upload button. Now before the upload starts, you add the logic for configuring the checkbox. If the user has not selected any checkbox, keep the upload button disabled.

Once a checkbox is clicked, allow uploading. Once the user uploads and is finished, you can associate that new document to the recently checked document item. After associating it with that item, turn it into green colour with some sort of status management (or using a boolean variable or a structure).

Then the user should be able to select another document.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.