Set file path for input type="file"

Question

Can we set the file path in javascript for

<input name="pictureUL" type="file" value="upload" onChange="this.form.submit()"/>

without opening the select file dialog box? I have 2 buttons SCAN and FIND. ADD button opens dialog box asking user to select the file which will be uploaded to the server. SCAN button has to scan the document and upload it to the server. Scanning is fine but to submit the form i need to set the file path in the file tag as i am submitting the form there. Is there a way to do it? Thanks in advance.

You should post here a sample code snippet - reading your question I don't really know what is the problem. — dizzer
– dizzer, Commented Apr 24, 2014 at 20:37
Do you mean scanning in the Sandboxed FileSystem API and how to upload from there? Because otherwise it is not possible. — t.niese
– t.niese, Commented Apr 24, 2014 at 20:44

AstroCB · Accepted Answer · 2014-04-24 20:44:08Z

1

Due to possibly security issues, modern browsers do not allow you to access the file path or modify the value of an <input type="file">. You also cannot view the file path, as it will display C:\fakepath\yourfilename.yourfilextension.

answered Apr 24, 2014 at 20:44

AstroCB

12.4k20 gold badges59 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Taher Kathiriya · Accepted Answer · 2022-06-03 12:56:16Z

0

You can't do it directly but you can create your new Filelist using a DataTransfer object, and if you wish you can copy your data into it to and create a duplicate with the specific change you want to make.

let file = new File([blob], fileName);
let list = new DataTransfer();
list.items.add(file);

You can then set it as the file attribute of the DOM node:

fileInput.files = myFileList;

edited Jun 3, 2022 at 12:56

answered Jun 3, 2022 at 12:55

Taher Kathiriya

11 silver badge2 bronze badges

Collectives™ on Stack Overflow

Set file path for input type="file"

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related