Incorporating a javascript variable in a file path

Question

I am developing a page to display an image, dependent on what the user has previously chosen from a menu. The name of the .jpg is passed in as a parameter ('photo') on the URL and I have been able to parse this as a global variable (myphoto). The .jpgs are all held in one folder.

I now need to do something like (I guess) quoting the image source as being

"myfolder/"+<script>document.write(myphoto)</script>

but this is not working. Any ideas please?

(Image tag changed here to get round the anti-spam.)

BTW all client-side javascript. It's been a few years since I've used this!

Just format your code as code (by intending it with four spaces or by using backticks ` ) and it is displayed correctly ;) — Felix Kling
– Felix Kling, Commented Jul 4, 2010 at 20:46

Oded · Accepted Answer · 2010-07-04 20:48:53Z

2

You can do the opposite and output the whole image tag in javascript:

<script language="javascript">
  document.write('<img src="myfolder/' + myphoto + '" />')'
</script>

answered Jul 4, 2010 at 20:48

Oded

501k102 gold badges900 silver badges1k bronze badges

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

1 Comment

Linnet Over a year ago

Hi Oded Yes, just tried that and it's worked a treat. Thank you!

Chris Laplante · Accepted Answer · 2010-07-04 20:49:47Z

2

It's not working because when the browser sees this line: <img src="myfolder/"+<script>document.write(myphoto)</script>, it's treating the + character as a character and not an operator.

You will need to programmatically set the src of the image. Something like this:

document.getElementById("myImage").src = "myfolder/" + myphoto;

or with jQuery:

$("#myImage").attr("src", "myfolder/" + myphoto);

answered Jul 4, 2010 at 20:49

Chris Laplante

29.7k18 gold badges109 silver badges137 bronze badges

Comments

spinon · Accepted Answer · 2010-07-04 20:50:54Z

0

document.getElementById("imgtagid").src = "your image folder/" + selectedPhoto

answered Jul 4, 2010 at 20:50

spinon

10.9k5 gold badges45 silver badges62 bronze badges

Collectives™ on Stack Overflow

Incorporating a javascript variable in a file path

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related