Angular-File-Upload-Qiniu上传图片至七牛
2016-05-12 12:39
429 查看
这次是使用七牛php sdk作为服务端上传工具的。
使用起来很简单都已经打包完成; 我部署了一个demo,http://114.215.112.167:4343
可以看下demo效果
github地址 https://github.com/tyaqing/Angular-File-Upload-Qiniu
喜欢的点个star
1.将Qiniu文件夹 qiniu.php index.php放入服务端
2.然后取得上传api地址
比如 http://localhost/ngupload/ Qiniu文件夹 qiniu.php index.php放在ngupload目录下,这个上传地址等下要用于配置前端
3.填入七牛ak sk
注意,里面的 server 参数是api地址,用于返回图片的七牛地址
七牛配置好后,前端就很简单了
1.ng-upload是一个demo,可以先试试玩
将ng-upload app.js放入同一目录
然后
node app.js 端口是4343 本地访问地址 http://127.0.0.1:4343
2,基本上是可以访问了,然后配置下接口就可以用啦
ng-upload/js/app.js 第19行
将http://localhost/ngupload/换成你的api地址
大工告成,有问题留言哦
使用起来很简单都已经打包完成; 我部署了一个demo,http://114.215.112.167:4343
可以看下demo效果
github地址 https://github.com/tyaqing/Angular-File-Upload-Qiniu
喜欢的点个star
首先配置服务端接口
1.将Qiniu文件夹 qiniu.php index.php放入服务端2.然后取得上传api地址
比如 http://localhost/ngupload/ Qiniu文件夹 qiniu.php index.php放在ngupload目录下,这个上传地址等下要用于配置前端
3.填入七牛ak sk
注意,里面的 server 参数是api地址,用于返回图片的七牛地址
function C($name){ $Conf = array( 'AK' =>'AK',七牛的ak 'SK' =>'SK',七牛的sk 'bucket' => 'nodeupload', 'bucketUrl' => '空间域名', 'server'=>'http://localhost/ngupload/index.php?file=',//服务端 index.php位置 ); return $Conf[$name]; }
装载demo
七牛配置好后,前端就很简单了1.ng-upload是一个demo,可以先试试玩
将ng-upload app.js放入同一目录
然后
npm install express --save
node app.js 端口是4343 本地访问地址 http://127.0.0.1:4343
2,基本上是可以访问了,然后配置下接口就可以用啦
ng-upload/js/app.js 第19行
将http://localhost/ngupload/换成你的api地址
大工告成,有问题留言哦
相关文章推荐
- 查看github pages文档的方式
- 使用BAE的基于Web.py的简单博客程序
- 两分钟学会如何在github托管代码
- angular.element方法汇总
- 深入学习JavaScript的AngularJS框架中指令的使用方法
- Angular用来控制元素的展示与否的原生指令介绍
- 使用angular写一个hello world
- vue,angular,avalon这三种MVVM框架优缺点
- 使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
- Android自定义View实现仿GitHub的提交活跃表格
- 基于php实现七牛抓取远程图片
- AngularJS页面访问时出现页面闪烁问题的解决
- 利用CSS3在Angular中实现动画
- 初识angular框架后的所思所想
- 实例剖析AngularJS框架中数据的双向绑定运用
- 理解Angular数据双向绑定
- Angular中的Promise对象($q介绍)
- Angular实现form自动布局
- 在AngularJS中使用jQuery的zTree插件的方法