Change the location of the default file picker dialog

Question

I am creating an e-commerce store and we need to show a "Select File" dialog in order to select the required file and upload the same.

Scenario in Windows: When the Select File dialog box opens, it's in the upper left corner. I need to move it above and in the center of the popup where the "Choose File" button is placed.

I've read many articles suggesting using Windows api for this, but web applications can be accessed on any operating system, so making it specific to that operating system is not a suitable solution.

Please suggest any way we can do this. Need something like the attached screenshot.

Answer 1

This answer assumes you are building a website. The website is displayed on the browser. The browser simply displays your page and helps use the device's native features. We need to know "conducive to use" rather than "completely connected to use". We cannot customize device native features such as connecting to the native file system, selection form UI, confirmation dialogs, etc...

Therefore, you cannot customize the dialog position. Because the browser does not provide API.