How to get the local image path when browse the image in jquery/Javascript

Question

Is it possible to get the image path from where it is selected in jquery before upload to a particular folder.

"Is it possible to get the image path from where it is selected in jquery before upload to a particular folder." No. It is possible to retrieve image name — guest271314
– guest271314, Commented Sep 10, 2015 at 4:49
Any other way to display an image before upload to a folder,which means display the image on browsing — Neethu
– Neethu, Commented Sep 10, 2015 at 4:57
Yes, image could be displayed when selected by user, before upload. Can include html , js at Question ? — guest271314
– guest271314, Commented Sep 10, 2015 at 4:59

guest271314 · Accepted Answer · 2015-09-10 05:37:37Z

1

Try utilizing change event , URL.createObjectURL with this.files[0] as argument

$("input[type=file]").on("change", function() {
  $("[for=file]").html(this.files[0].name);
  $("#preview").attr("src", URL.createObjectURL(this.files[0]));
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<input id="file" type="file" accepts="image/*" /><br />
<label for="file"></label><br />
<img id="preview" />

edited Sep 10, 2015 at 5:37

answered Sep 10, 2015 at 5:22

guest271314

1

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

2 Comments

Neethu Over a year ago

First of all thanks for your support.Here I need to display multiple images also.I have the below code for displaying images in dynamically generated div.div = $('<div class="photoclass" />'); img = $('<img />', { 'src': URL.createObjectURL(this.files[0]) }).prependTo(div); div.appendTo('.photo_inner'); Any idea please help?

guest271314 Over a year ago

@Neethu "need to display multiple images also." Not appear at original Question ? See stackoverflow.com/help/how-to-ask . Tried using a loop for each this.files ? See also stackoverflow.com/questions/28856729/…

Collectives™ on Stack Overflow

How to get the local image path when browse the image in jquery/Javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related