CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:
19:29 2016/3/10
CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:
项目主路径:F:\wamp\www\graduationProject
子项目需要使用bootstrap框架和uploadify上传插件,但是后期可能会有其他子项目也会用到这两个资源,所以吧两个资源放到了上面的主目录下,然后注意包含路径和修改上传插件的相关路径配置和包含路径!
包含文件,(注意:CI控制器需要把路径加载到对应视图:)
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>../bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>../uploadify/uploadify.css"/>
<script src="<?php echo $base_url; ?>../uploadify/jquery1.7.2/jquery-1.7.2.min" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo $base_url; ?>../uploadify/jquery.uploadify-3.1.min.js"></script>
<script type="text/javascript" src="<?php echo $base_url; ?>resources/javascript/addNewFind.js"></script>
上传存放文件的路径:
F:\wamp\www\graduationProject\uploadify\uploadify.php中:
$path = "../uploads/";
特别注意:下面修改添加了@隐藏错误提示
//接受动态传值 修改添加了@隐藏错误提示
$files= @ $_POST['typeCode'];
注意上传插件的<script type="text/javascript">放到了view视图中,放到js文件不知道当时没有实现
上传配置:
'removeTimeout' : 1,//文件队列上传完成1秒后删除
'swf' : '<?php echo $base_url; ?>../uploadify/uploadify.swf',
'uploader' : '<?php echo $base_url; ?>../uploadify/uploadify.php',
后来实现后:
子项目:F:\wamp\www\graduationProject\lostAndFound
特别注意:如何获取uploadify上传文件后的返回信息
刚开始就获取到了,只是由于粗心,没发现语法错误,后来发现了修改后就可以获取:
注意:修改添加了@隐藏错误提示,不然会有很多类似html的内容在调试台的response中可以看到,开始时我就以为那是返回内容的一部分,搞得晕头转向。
$files= @ $_POST['typeCode'];
然后就可以获取:
'onUploadSuccess' : function(file, data, response) {//每次成功上传后执行的回调函数,从服务端返回数据到前端
img_id_upload[i]=data;
i++;
alert(data); // data既是在uploadify.php中上传后返回的信息
}
CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:的更多相关文章
- golang学习之beego框架配合easyui实现增删改查及图片上传
golang学习之beego框架配合easyui实现增删改查及图片上传 demo目录: upload文件夹主要放置上传的头像文件,main是主文件,所有效果如下: 主页面: 具体代码: <!DO ...
- 基于springboot+bootstrap+mysql+redis搭建一套完整的权限架构【六】【引入bootstrap前端框架】
https://blog.csdn.net/linzhefeng89/article/details/78752658 基于springboot+bootstrap+mysql+redis搭建一套完整 ...
- springBoot(3)---目录结构,文件上传
目录结构,文件上传 一.目录结构 1.目录讲解 src/main/java:存放代码 src/main/resources static: 存放静态文件, ...
- 利用layui前端框架实现对不同文件夹的多文件上传
利用layui前端框架实现对不同文件夹的多文件上传 问题场景: 普通的input标签实现多文件上传时,只能对同一个文件夹下的多个文件进行上传,如果要同时上传两个或多个文件夹下的文件,是无法实现的.这篇 ...
- bootCDN引用的bootstrap前端框架套件和示例
这是bootCDN上引用的bootstrap前端框架套件,由多个框架组合而成,方便平时学习和测试使用.生产环境要仔细琢磨一下,不要用开发版,而要用生产版.bootCDN的地址是:https://www ...
- BootStrap前端框架
BootStrap前端框架 Bootstrap 教程:http://www.runoob.com/bootstrap/bootstrap-tutorial.html BpptStrap操作手册:htt ...
- CI(2.2) 配置 jquery的上传插件Uploadify(v3.2) 上传文件
1.下载uploadify, 我的是v3.2 2.模板页面引入: <base href='{base_url()}' /> <script type="text/jav ...
- bootstrap 前端框架学习笔记
下面是一个基于 bootstrap 前端架构的最最基本的模板: (这里添加慕课网的学习笔记.) 1.认识一下 bootstrap 带来的优雅效果: 代码: <!DOCTYPE html> ...
- Web---文件上传-用apache的工具处理、打散目录、简单文件上传进度
我们需要先准备好2个apache的类: 上一个博客文章只讲了最简单的入门,现在来开始慢慢加深. 先过渡一下:只上传一个file项 index.jsp: <h2>用apache的工具处理文件 ...
随机推荐
- [Head First设计模式]山西面馆中的设计模式——观察者模式
系列文章 [Head First设计模式]山西面馆中的设计模式——装饰者模式 引言 不知不自觉又将设计模式融入生活了,吃个饭也不得安生,也发现生活中的很多场景,都可以用设计模式来模拟.原来设计模式就在 ...
- print、sp_helptext的限制与扩展
在SQL中,使用动态SQL是很常见的.有些复杂的计算,或是存储过程,代码很长,中间可能有多次执行SQL语句.而调试拼串的SQL语句却是件痛苦的事,很难看出来运行的语句是什么.所以我会经常使用print ...
- 2014 Multi-University Training Contest 9#6
2014 Multi-University Training Contest 9#6 Fast Matrix CalculationTime Limit: 2000/1000 MS (Java/Oth ...
- UI第十二节
- (void)viewDidLoad { [super viewDidLoad]; UIButton *btn = [UIButton buttonWithType:UIButt ...
- 【Go入门教程2】内置基础类型(Boolean、数值、字符串、错误类型),分组,iota枚举,array(数值),slice(切片),map(字典),make/new操作,零值
这小节我们将要介绍如何定义变量.常量.Go内置类型以及Go程序设计中的一些技巧. 定义变量 Go语言里面定义变量有多种方式. 使用var关键字是Go最基本的定义变量方式,与C语言不同的是Go把变量类型 ...
- linux常用命令-文件搜索命令-locate,which,whereis,grep
locate 目录或文件名 -i 查找的时候不区分大小写 这个类似everything,速度比find快很多,因为这个命令搜索的是它维护的文件资料库,文件资料库是var/lib/mlocate/mlo ...
- JS 对数组的常用处理
首先写游戏的时候,JSON字符串转成OBJECT的时候,希望做个数组随机排序的方法如下: //用Math.random()函数生成0~1之间的随机数与0.5比较,返回-1或1 function ran ...
- ACM/ICPC 之 Dinic算法(POJ2112)
Optimal Milking //二分枚举最大距离的最小值+Floyd找到最短路+Dinic算法 //参考图论算法书,并对BFS构建层次网络算法进行改进 //Time:157Ms Memory:65 ...
- Magento 创建新的数据实体 model 、 resource 和 collection 文件
一.创建model文件 class Bestbuy_PrepaidCard_Model_Used extends Mage_Core_Model_Abstract { protected ...
- go:defer
defer:延迟. 假设有调用函数A.被调用函数B,其关系如下: func A(){//调用函数 ... defer B()//被调用函数 ... return//B将延迟到return前执行 } * ...