How to get file path form input tag in JavaScript

Question

I am using input tag with attribute type="file" in HTML. If I browse and select image and try to get path of file with $('file_upload').val() in script it returns path as "C:\fakepath\img_name"*

I need to get this path and set as default to input tag from JavaScript.

Please help me with this.

Script:

$(document).ready(function() {$('#imgUpload_edit').change(
        function(){if ($(this).val()) {alert($('#imgUpload_edit').val());} }); });

HTML:

<FORM id="frmImgUpload_edit" ENCTYPE="multipart/form-data" ACTION="" METHOD="POST">
    <label for="imgUpload_edit" id="bold-text_edit">Select an image for the Device Type:</label>
    <input type="file" id="imgUpload_edit" name="deviceTypeImage_edit" size="10000"/>
    <div id="imageEditDeviceType"></div>
</FORM>

possible duplicate of how to resolve the C:\fakepath?

Quentin
– Quentin

2012-05-29 12:26:41 +00:00
Commented May 29, 2012 at 12:26 — Quentin
– Quentin, Commented May 29, 2012 at 12:26

Hemlock · Accepted Answer · 2012-05-29 11:48:10Z

3

Sorry, that can't be done. It's a security feature.

answered May 29, 2012 at 11:48

Hemlock

6,2282 gold badges29 silver badges38 bronze badges

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

Comments

Matt · Accepted Answer · 2012-05-29 11:54:05Z

-1

Can you create an input element using jQuery instead setting the value attribute of the input to the val of the element you want to get it from?

jQuery('input').attr("value",$('#imgUpload_edit').val())

You can string additional .attr such as id, etc as needed.

answered May 29, 2012 at 11:54

Matt

4771 gold badge5 silver badges19 bronze badges

4 Comments

Quentin Over a year ago

That would still get the security filtered file path.

Matt Over a year ago

What if the path is "http://...." as opposed to a local workspace like "C:..."? Then it wouldn't be a security issue.

Quentin Over a year ago

— I've never seen a file input that accepted an HTTP URI. The control is designed to upload files from the user's file system to the website.

Matt Over a year ago

sorry, misread original question... would be a security breach to do this.

Collectives™ on Stack Overflow

How to get file path form input tag in JavaScript

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related