PHP值在外部jQuery Scipt内不起作用

Question

I am having a hard time finding a good solution to what I am facing right now. I am currently building an upload function to handle upload files. I used a jquery file upload plugin from Hayageek . Now the upload works fine but when I moved the script to a separate js file and load it as an external script, the url won't work.

This is the code I used.

$(document).ready(function()
{
    $("#fileuploader").uploadFile({
    url:"<?php echo site_url('document_items/upload') ?>",
    fileName:"myfile"
    });
});

Answer 1

Use document.location.origin or window.location.protocol .

var baseurl = window.location.protocol + "//" + window.location.host + "/";
var newurl = baseurl + 'document_items/upload';

    $(document).ready(function()
{
    $("#fileuploader").uploadFile({
    url: newurl,
    fileName:"myfile"
    });
});

For Javascript

window.location.host          #returns host
window.location.hostname      #returns hostname
window.location.path          #return path
window.location.href          #returns full current url
window.location.port          #returns the port
window.location.protocol      #returns the protocol

For Jquery

$(location).attr('host');        #returns host
$(location).attr('hostname');    #returns hostname
$(location).attr('path');        #returns path
$(location).attr('href');        #returns href
$(location).attr('port');        #returns port
$(location).attr('protocol');    #returns protocol

Answer 2

javascript is client side script and php is server side, so you may not use php in javascript file.

I would suggest you to use javascript tag in php/phtml as below

<script type="text/javascript">
    $(document).ready(function()
{
    $("#fileuploader").uploadFile({
    url:"<?php echo site_url('document_items/upload') ?>",
    fileName:"myfile"
    });
});
</script>