how to write php base_url() in js file

Question

I want to send base_url from Controller Book to book.js

This is my function in book.js

function loadPage(page, pageElement) {

    // Create an image element
    var img = $('<img />');

    img.mousedown(function(e) {
        e.preventDefault();
    });

    img.load(function() {
        // Set the size
        $(this).css({width: '100%', height: '100%'});

        // Add the image to the page after loaded
        $(this).appendTo(pageElement);

        // Remove the loader indicator
        pageElement.find('.loader').remove();
    });

    // MY PROBLEM is here !!! Load the page
    // img.attr('src', '../../_library/book/samples/magazine/pages/' +  page + '.jpg');
    img.attr('src', '<?php echo base_url($source) ?>' +  page + '.jpg');

    loadRegions(page, pageElement);

}

This seems a little similar: stackoverflow.com/questions/13135131/…? — Aastha B
– Aastha B, Commented Aug 18, 2022 at 17:26

emrez · Accepted Answer · 2022-08-18 17:41:23Z

1

You cannot use php commands in js files. But instead you can define a variable between script tags in the php file. For example:

example.php

<script>
const EXAMPLE_VAR = '<?php echo base_url($source);?>'
</script>

And you can use it in js file like this:

img.attr('src', EXAMPLE_VAR +  page + '.jpg');

answered Aug 18, 2022 at 17:41

emrez

3863 silver badges13 bronze badges

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

1 Comment

P. Meta Over a year ago

Thank's emrez. Your suggestion solve my problem.

Collectives™ on Stack Overflow

how to write php base_url() in js file

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related