CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:
2016-03-12 00:39
836 查看
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前端框架:
项目主路径: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中上传后返回的信息
}
相关文章推荐
- Android studio -VSN 使用笔记
- [PHP]利用XAMPP搭建本地服务器, 然后利用iOS客户端上传数据到本地服务器中(三. PHP端代码实现)
- Android初始化本地数据库
- Unity3D学习笔记(4)—— 牧师和魔鬼游戏
- Android 采用PULL来解析XML
- Android 之内容提供程序(Content Provider)
- iOS中Main App和Extensions之间通信
- IOS开发指南摘记
- Android下的Button按钮点击事件
- iOS 开发中的LaunchScreen
- 蓝梦数据恢复NETAPP存储数据恢复
- Swift语言中手写代码执行动画效果
- Android 之绑定服务
- cocos2dx 定时器
- 14--swift之派生类构造方法
- 我的Android进阶之旅------>Android自定义View实现带数字的进度条(NumberProgressBar)
- Unity2D 通过Canvas来设置屏幕适配
- Android 数据库升级中数据保持和导入已有数据库
- 【POJ 3321】Apple Tree
- Android菜鸟入职第一天