How to describe an image file path which is inside javascript file through codeigniter

Question

For code requirement and security purpose I am calling image using its path inside main.js file, but for normal php (without framework) it works in this way but problem is that I am using Codeigniter and in codeigniter you can call using base_url() in php file but here image is inside js file so my question is how to specify image path inside js with codeigniter.

var modifytop={

controlHTML: '<img src="assets/img/arrow.png" style="width:40px; height:40px" />',
anchorkeyword: '#top',

 }

You can also prepend path with slash which will force browser to read location from the root i.e. /assets/img/arrow.png. — Tpojka
– Tpojka, Commented Feb 2, 2018 at 17:07

Tpojka · Accepted Answer · 2018-02-02 17:05:34Z

1

Since JS cannot identify the PHP, PHP code will not execute.

So declare the base_url() in your HTML file.

<html>
<body>
<script type="text/javascript">
var base_url = "<?php echo base_url(); ?>";
</script>
//your rest of js source links
</body>
</html>

Then use the base_url variable in the JS file.

var modifytop={

controlHTML: '<img src="'+base_url+'"assets/img/arrow.png" style="width:40px; height:40px" />',
anchorkeyword: '#top',

 }

Set the base_url in config file as below

$config['base_url'] = "http://localhost/your-project-name/";

edited Feb 2, 2018 at 17:05

Tpojka

7,0812 gold badges32 silver badges41 bronze badges

answered Feb 2, 2018 at 13:33

BEingprabhU

1,7162 gold badges23 silver badges30 bronze badges

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

12 Comments

I wrestled a bear once. Over a year ago

this is fine since quotes are illegal in a url, but most of the time it's safer to json encode stuff that you're passing to javascript.. myvar = <?php echo json_encode($myvar); ?> (no surrounding quotes).

I wrestled a bear once. Over a year ago

also, you have some funky quotes in your controlHTML string

BEingprabhU Over a year ago

Surrounding codes are required. I have used earlier like you mentioned. But it gives me an error.

I wrestled a bear once. Over a year ago

if you encode it like i suggested the quotes are not required, in fact, the quotes will break it. when you said you fixed it i thought you meant the json encode, not the string.. that's why i deleted the comment and upvoted.. all good, it works as is

BEingprabhU Over a year ago

Did you display it in the console?? If displayed what you are getting??

|

Collectives™ on Stack Overflow

How to describe an image file path which is inside javascript file through codeigniter

1 Answer 1

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related