blocks|key|627666|text|我通常会将所有这样的文件放到应用程序根目录下的"assets“文件夹中，然后确保使用Asset_Helper为我指向这些文件。这就是CodeIgniter的建议。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|627667|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/EllisLab/CodeIgniter/wiki/Asset-Helper^0|16|C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I usually put all my files like that into an "assets" folder in the application root, and then I make sure to use an <a href="https://github.com/EllisLab/CodeIgniter/wiki/Asset-Helper" rel="noreferrer">Asset_Helper</a> to point to those files for me. This is what CodeIgniter suggests.

blocks|key|843445|text|没有人说您需要在重写条件下修改.htacces并添加目录。我在根目录中创建了一个目录"public“和"system”、"application“、"index.php”。并编辑.htaccess文件，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|843446|RewriteCond+$1+!%5E(index\.php%7Cpublic%7Crobots\.txt)|code-block|syntax|javascript|843447|现在你只需要调用<?php+echo+base_url()."/public/yourdirectory/yuorfile";?>，你可以随意在“公共”目录中添加子目录。|offset|length|style|CODE|843448|entityMap^0|0|0|8|1L|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

No one says that you need to modify the .htacces and add the directory in the rewrite condition.
I've created a directory "public" in the root directory alongside with "system", "application", "index.php". and edited the .htaccess file like this:

<pre><code>RewriteCond $1 !^(index\.php|public|robots\.txt)
</code></pre>

Now you have to just call <code>&lt;?php echo base_url()."/public/yourdirectory/yuorfile";?&gt;</code>
You can add subdirectory inside "public" dir as you like.

blocks|key|627833|text|无论您将CSS文件放在哪里，都可以简单地使用名为link_tag()的CodeIgniter+"html“助手。您将应用如下所示的辅助对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|627834|echo+link_tag('folder/subfolder/stylesheet.css');|code-block|syntax|javascript|627835|您可以将CSS文件定位在最合适的位置(在您看来)。你必须自动加载"html“助手，或者单独加载才能使用它。|627836|人们一直建议使用base_url()来实现这一点，但实际上它并不是真正的"CodeIgniter“方式(我认为这个问题有一些重复的地方)。这是可行的，但使用框架的原因之一是使用框架中的预制函数。|627837|在codeigniter中有很多助手来做这类事情。|627838|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Regardless of where you put the CSS file you can simply use the CodeIgniter "html" helper called link_tag(). You would apply this helper something like this:

<pre><code>echo link_tag('folder/subfolder/stylesheet.css');
</code></pre>

It is up to you to locate the CSS file in the most appropriate place (in your opinion). You would have to either autoload the "html" helper or separately load it in to use it.

People keep suggesting the usage of base_url() to achieve this but it is actually not really the "CodeIgniter" way to do it (I think this question has a few duplicates). That will work but one of the reasons for using a framework is to use the pre-made functions within it. 

There are many helpers in codeigniter to do this kind of thing.

blocks|key|843638|text|link_tag()帮助器显然是实现这一点的方法。将css放在通常所属的位置，即site_root/css/，然后使用helper：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|843639|来自The+CodeIgniter+docs...|843640|echo+link_tag('css/mystyles.css');|code-block|syntax|javascript|843641|输出|843642|<link+href="http://example.com/css/mystyles.css"+rel="stylesheet"+type="text/css"+/>|843643|entityMap|0|LINK|mutability|MUTABLE|url|http://www.codeigniter.com/userguide2/helpers/html_helper.html#link_tag^0|0|A|0|2|N|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|17|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

The <code>link_tag()</code> helper is clearly the way to do this. Put your css where it usually belongs, in site_root/css/ and then use the helper:

From <a href="http://www.codeigniter.com/userguide2/helpers/html_helper.html#link_tag" rel="nofollow">The CodeIgniter docs...</a>

<pre><code>echo link_tag('css/mystyles.css');
</code></pre>

Output 

<pre><code>&lt;link href="http://example.com/css/mystyles.css" rel="stylesheet" type="text/css" /&gt;
</code></pre>

blocks|key|627983|text|我使用以下文件夹结构：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|627984|application+
system+
static
++++admin
++++++++js
++++++++css
++++++++images
++++public
++++++++js
++++++++css
++++++++images
++++uploads
++++++++original
++++++++thumbs|code-block|syntax|javascript|627985|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I use the following folder structure:

<pre><code>application 
system 
static
 admin
 js
 css
 images
 public
 js
 css
 images
 uploads
 original
 thumbs
</code></pre>

blocks|key|628044|text|我们的结构类似于应用程序、系统、user_guide|type|unstyled|depth|inlineStyleRanges|entityRanges|data|628045|在所有文件夹旁边创建一个文件夹，命名为assets，然后在此assets文件夹中创建css和javascript，并将所有css+js放入这些文件夹中。|628046|现在转到header.php，像这样调用css。|628047|<link+rel="stylesheet"+href="<?php+echo+base_url();?>assets/css/touchTouch.css">
++<link+rel="stylesheet"+href="<?php+echo+base_url();?>assets/css/style.css">
++<link+rel="stylesheet"+href="<?php+echo+base_url();?>assets/css/camera.css">+|code-block|syntax|javascript|628048|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Hi our sturucture is like 
Application, system, user_guide 

create a folder name assets just near all the folders and then inside this assets folder create css and javascript and images folder 
put all your css js insiide the folders 

now go to header.php and call the css just like this.

<pre><code>&lt;link rel="stylesheet" href="&lt;?php echo base_url();?&gt;assets/css/touchTouch.css"&gt;
 &lt;link rel="stylesheet" href="&lt;?php echo base_url();?&gt;assets/css/style.css"&gt;
 &lt;link rel="stylesheet" href="&lt;?php echo base_url();?&gt;assets/css/camera.css"&gt; 
</code></pre>

blocks|key|843795|text|您可以将css文件夹放在项目目录中的assest文件夹中(您可以将其命名为任何名称)，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|843796|-+ci_app
-+application+
-+views++++++
-+assets+
++-+css+
++++-+style.css+|code-block|syntax|javascript|843797|..。当您想要在页面中加载该文件时，可以这样使用base_url+()函数：<head>+<link+rel='stylesheet'+href='<?php+echo+base_url();?>assets/css/style.css'>+</head>，并确保将项目的base_url添加到config.php文件中，如下所示：|offset|length|style|CODE|843798|$config['base_url']+=+'http://localhost/ci_app';|843799|entityMap^0|0|0|12|2I|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

you can put the css folder inside the assest folder(you name it any name) in the directory of your project as:
 

<pre><code>- ci_app
- application 
- views 
- assets 
 - css 
 - style.css 
</code></pre>

...
when you want to load that file in a page, you can use base_url()function as this way:
<code>&lt;head&gt;
&lt;link rel='stylesheet' href='&lt;?php echo base_url();?&gt;assets/css/style.css'&gt;
&lt;/head&gt;</code>
and you are sure to add base_url of your project in the config.php file as this:

<pre><code>$config['base_url'] = 'http://localhost/ci_app';
</code></pre>

blocks|key|843843|text|我只想补充一下，这个问题可能会更简单-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|843844|这个问题我已经绞尽脑汁好几个小时了--我已经看过了所有的解决方案，但都没有奏效。然后我设法检查了实际的文件名。|843845|我用的是"image.jpg.jpg“而不是"image.jpg”。|offset|length|style|CODE|843846|如果你使用$+ls+public/..path+to+image+assets../，你可以快速检查文件名。|843847|听起来很愚蠢，但我从来没有想过要看像文件名这样简单的东西，因为这里有所有的技术建议。|843848|entityMap^0|0|0|5|D|N|9|0|5|11|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@$F|S|G|T|H|I]|$F|U|G|V|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|W|8|@$F|X|G|Y|H|I]]|9|@]|A|$]]|$1|L|3|M|5|6|7|Z|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|O|$]]

I just wanted to add that the problem may be even simpler -
I've been scratching my head for hours with this problem - I have read all the solutions, nothing worked. Then I managed to check the actual file name.
I had &quot;<code>image.jpg.jpg</code>&quot; rather than &quot;<code>image.jpg</code>&quot;.
If you use <code>$ ls public/..path to image assets../</code> you can quickly check the file names.
Sounds stupid but I never thought to look at something so simple as file name given the all the technical advice here.

Where is it acceptable to put css folders and image file folders? I was thinking inside the view folder? However the controller always reroutes the path to the base url so I have to specify the path in the .html file to where it sits, which is redundant.

Where do I put image files, css, js, etc. in Codeigniter?

路由

将css文件夹和图像文件夹放在哪里是可以接受的？我在想在视图文件夹里？然而，控制器总是将路径重新路由到基本url，因此我必须在.html文件中指定它所在位置的路径，这是多余的。

问我该把图片文件，css，js等放在Codeigniter的什么地方？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我该把图片文件，css，js等放在Codeigniter的什么地方？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我该把图片文件，css，js等放在Codeigniter的什么地方？
EN