CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:

简介:   购买阿里云相关服务,这里可以领取优惠券, 有的产品5折优惠哟, 注意, 领取的优惠券30天内有效,尽快使用:领取方式:进入链接后 页面下拉 一键领取全部 或者按需每次领取对应的优惠,领取链接:点击此处链接领取https://promotion.
+关注继续查看

 

 

购买阿里云相关服务,这里可以领取优惠券, 有的产品5折优惠哟, 注意, 领取的优惠券30天内有效,尽快使用:
领取方式:进入链接后 页面下拉 一键领取全部 或者按需每次领取对应的优惠,领取链接:
点击此处链接领取
https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=s306eooi&utm_source=s306eooi
如果有需要, 可以帮助部署LNMP环境, 价格80,学生可以商量

最新阿里云优惠


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中上传后返回的信息
}

 

相关文章
|
前端开发 Java 数据安全/隐私保护
摸鱼不如来了解一下--微服务中bootstrap和application之间的联系
SpringBoot中有以下两种配置文件bootstrap (.yml 或者 .properties),application (.yml 或者 .properties)
476 0
|
前端开发 Java 数据安全/隐私保护
配置文件bootstrap和application的区别
配置文件bootstrap和application的区别
150 0
|
前端开发 Java 数据安全/隐私保护
Spring Boot 配置文件 bootstrap vs application 到底有什么区别?
用过 Spring Boot 的都知道在 Spring Boot 中有以下两种配置文件
Spring Boot 配置文件 bootstrap vs application 到底有什么区别?
|
前端开发 Java 数据安全/隐私保护
Spring Boot 核心配置文件 bootstrap & application 详解。
用过 Spring Boot 的都知道在 Spring Boot 中有以下两种配置文件 bootstrap (.yml 或者 .properties) application (.yml 或者 .properties) 为什么会有这两种配置文件呢?大家都清楚它们的区别和具体使用场景吗?
384 0
|
前端开发
Sprint Application bootstrap的研究和调试
Sprint Application bootstrap的研究和调试
Sprint Application bootstrap的研究和调试
|
前端开发 开发者
Bootstrap响应式前端框架笔记二十——工具条的应用
Bootstrap响应式前端框架笔记二十——工具条的应用
96 0
Bootstrap响应式前端框架笔记二十——工具条的应用
|
前端开发 JavaScript 人机交互
Bootstrap响应式前端框架笔记十九——标签页的使用
Bootstrap响应式前端框架笔记十九——标签页的使用
232 0
Bootstrap响应式前端框架笔记十九——标签页的使用
|
前端开发 JavaScript 开发者
Bootstrap响应式前端框架笔记十八——导航滚动监听
Bootstrap响应式前端框架笔记十八——导航滚动监听
190 0
Bootstrap响应式前端框架笔记十八——导航滚动监听
|
前端开发
Bootstrap响应式前端框架笔记十七——下拉列表交互
Bootstrap响应式前端框架笔记十七——下拉列表交互
127 0
|
前端开发 JavaScript 开发者
Bootstrap响应式前端框架笔记十六——模态框交互
Bootstrap响应式前端框架笔记十六——模态框交互
171 0
Bootstrap响应式前端框架笔记十六——模态框交互
相关产品
云迁移中心
推荐文章
更多