getting the file input value in jquery

Question

i am building one module wherein user can post their data. i have few text field and one image which while uploading via the HTML input control needs to previewed.

My Approach:

the HTML part:

    <div class="divClass" id="FirstAd">
<h4 align="center">
        Advertisement 1</h4>
    <div style="float: left; width:25%">
        <img src="images.jpg" id="replaceMe" width="100px" height="130px" /></div>
    <div style="float: right; width:70%; left:30%">
        <input type="text" style="width: 197px" /><br />
        <br />
        <textarea class="AdContent"></textarea><br />
        <br />
        <input type="file" id="myImage" size="30" onchange="pictureUpload()" /><br />
        <input type="button" value="Preview!"/><br/>
    </div>
</div>

the j Query part:

      function pictureUpload() {
        $(document).ready(function() {
            var imagepath = "file:\\" + $("#myImage").val();
            $("#replaceMe").attr("src", imagepath);
            alert(imagepath);
        });
    }

Am able to just get the filename with the extension not the path.

is there any alternative?? or some jquery plugin?? or can we retrieve the path inside a hidden field, since it is a security measure to prevent retrieving path from the file input ??

Daniel A. White · Accepted Answer · 2011-04-26 14:02:21Z

4

You can't do this. The input type="file" has security around it so that you can't directly access the file from JavaScript.

answered Apr 26, 2011 at 14:02

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:12:15Z

0

it can be done by this way there is post in stack overflow by

by Ivan--thanks Ivan

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Apr 30, 2011 at 12:31

abhijit

1,9683 gold badges28 silver badges39 bronze badges

Collectives™ on Stack Overflow

getting the file input value in jquery

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