在javascript file-codeigniter中获取baseurl

Question

我需要在javascript函数中获取项目的基本URL。我的代码是

function add_more()
{
    var numrows=parseInt(document.frm_add_announcement.cnnumrows.value)+1;
    var strinner="";
    var ni = document.getElementById('content');
    var newdiv = document.createElement('div');
    var divIdName = 'my'+numrows+'Div1';
    newdiv.setAttribute('id',divIdName);
    document.frm_add_announcement.cnnumrows.value=numrows;
    //alert("asdAS");
      strinner="<div class='row'> <div class='col-md-3'><div class='form-group'><input type='text' id='imgcaption"+numrows+"' name='imgcaption"+numrows+"' placeholder='Attachment caption'  class='form-control'/></div> </div><div class='col-md-2'><div class='form-group'><input type='file' id='document"+numrows+"' name='document"+numrows+"' onclick='disableurl("+numrows+")' /></div></div><div class='col-md-1'><label for=''></label><br>&nbsp;&nbsp;<img src='../../../images/close3.png' title='Click to remove File'  id='clear_multiple"+numrows+"' height='25px'  style='cursor:pointer' onclick='remove("+numrows+")'/></div><div class='col-md-3'><div class='form-group'><input type='text'  id='url"+numrows+"' name='url"+numrows+"' placeholder='Attachment URL' onkeyup='disablefile("+numrows+")'   class='form-control'/></div></div><div class='col-md-3'><div class='form-group'><select class='form-control' id='target_type"+numrows+"' name='target_type"+numrows+"'  ><option>-Choose-</option><option>Same tab</option><option>New tab</option></select></div></div></div>";
 //$(".remove-btn").live('click',function() {
                //$(this).parent().remove();
            //});
    newdiv.innerHTML=strinner;
    ni.appendChild(newdiv);
}

需要在strinner中获取图像src=""中的baseurl。

Answer 1

如果您使用的是外部 js 文件，那么您可以在视图中创建隐藏字段，值为

<input type="hidden" id="base" value="<?php echo base_url(); ?>">

然后在 js 中使用 id 访问它，例如

var base_url = $('#base').val();

Answer 2

您可以在 PHP 文件中启动 JavaScript 变量，然后在任何 JavaScript 文件中访问该变量。

<script>
    var base_url = "<?= base_url('') ?>";
</script>

您必须在上述脚本之后加载其他 JavaScript 文件和脚本标记，以确保在引用之前定义base_url变量。

Answer 3

在编码点火器中，不再为获得base_url而头疼。只需在控制器中加载url帮助程序，如下所示。或者您可以将其加载到application/config/autoload.php

$this->load->helper('url');

然后在你的 php 文件的脚本中...

<script>
var base_url = <?php echo base_url(); ?>
alert(base_url);
</script>

在application/config/config.php内设置base_url

$config['base_url'] = 'http://domain_name/';

<</div> div class="one_answers">

您可以使用 window.location 在 JavaScript 中非常轻松地访问当前 url

您可以通过此位置对象访问该 URL 的段。为

例：

var base_url = window.location.origin;
// "http://stackoverflow.com"
var host = window.location.host;
// stackoverflow.com
var pathArray = window.location.pathname.split( '/' );