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

 

相关文章
|
3月前
|
编解码 移动开发 前端开发
【Bootstrap】<前端框架>Bootstrap布局容器&栅格网格系统
【1月更文挑战第17天】【Bootstrap】<前端框架>Bootstrap布局容器&栅格网格系统
|
3月前
|
前端开发
【Bootstrap】<前端框架>Bootstrap常用样式 - 排版
【1月更文挑战第17天】【Bootstrap】<前端框架>Bootstrap常用样式 - 排版
|
5月前
|
前端开发
表格插件-bootstrap table的隔行换色
表格插件-bootstrap table的隔行换色
60 0
|
5月前
|
前端开发 JavaScript
表格插件-bootstrap table的表内查看编辑删除
表格插件-bootstrap table的表内查看编辑删除
44 0
|
1月前
|
开发框架 前端开发 开发者
Bootstrap:构建响应式网站的首选框架
Bootstrap:构建响应式网站的首选框架
33 0
|
5月前
bootstrap+fileinput插件实现可预览上传照片功能
bootstrap+fileinput插件实现可预览上传照片功能
72 0
|
6月前
|
前端开发 JavaScript 索引
|
5月前
|
前端开发 JavaScript Java
表格插件-bootstrap table的分页使用示例
表格插件-bootstrap table的分页使用示例
40 0
|
5月前
|
JSON 前端开发 JavaScript
表格插件-bootstrap table的使用示例
表格插件-bootstrap table的使用示例
35 0
|
6月前
|
Web App开发 开发框架 前端开发
Fastadmin是一款基于thinkphp和bootstrap的快速后台开发框架
Fastadmin是一款基于thinkphp和bootstrap的快速后台开发框架