TP3.2使用UPYUN第三方存储

浏览:1447 发布日期:2015/09/14 分类:功能实现 关键字: UPYUN TP3.2
封装UPYUN到TP,一个小的教程,相信很多朋友会用到,给大家分享一下
1.导入UPYUN类放到Vendor中,可以去UPYUN官网下载UPYUN类:

2.在UpyunUpload中加入你的BUCKET,如下private $option=array(
        'bucket'=>'你的空间名',/// 空间名
        'expiration'=> '',/// 授权过期时间
        'save-key'=>'/upload/{random}{.suffix}',/// 文件名生成格式,请参阅 API 文档
        'allow-file-type'=>'jpg,jpeg,gif,png',/// 控制文件上传的类型,可选
        'content-length-range'=>'0,1024000',///限制文件大小,可选 默认1M
        'image-width-range'=>'100,1024000',///限制文件宽度
        'image-height-range'=>'100,1024000',///限制文件高度
        //'return-url'=>'agent.html',//; /// 页面跳转型回调地址 !!! iframe 回调地址,注意客户网站上要部署 agent.html 进行跨域代理
        //'notify-url'=>'',
    );
3.做完上面两步,现在我们去控制器里调用我们的UPYUN了
[b][/b] public function index(){
            vendor('Upyun.UpyunUpload');//实例化UPyun
            $option=array();
            //$option['bucket']='think-img-test';
            $option['expiration']=time()+3600;
          //
            $UpyunUpload=new \UpyunUpload($option);
            $this->assign('updata',$UpyunUpload->getData());
        $this->display();
    }
4.由于我是使用UPLOADFIY插件,所以这里我就把我index.html的代码贴给大家了:<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <script type="text/javascript" src="__PUBLIC__/Home/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Home/js/jquery.uploadify.min.js"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/uploadify.css">
</head>
<body>
    
    <label style="font-size:18px;">banner图</label><br>
    <input id="file_upload3" name="file_upload" type="file" multiple="true">
    <div id="S_Banner"></div>
<script type="text/javascript">
    $(function() {
        $('#file_upload3').uploadify({
            'formData'     : {
                "policy":"<{$updata.policy}>",
                "signature":"<{$updata.sign}>",
            },
            'fileSizeLimit':1024*1024,
            'buttonText':'请上传图片',
            'swf'      : '__PUBLIC__/Home/swf/uploadify.swf',
            'uploader' : 'http://v0.api.upyun.com/<{$updata.bucket}>/',
            'onUploadSuccess':function(file,data,response){
                var result=eval('(' + data + ')');//将字符串当成JSON解析
                console.log(result);
                if(result.code==200){//这里请求成功之后UPYUN会返回给我们一个状态码,成功是200;
                //do something    
                    
                }
            }
        });
    });
</script>
</body>
</html>
5.到了这里已经是成功了的,我给大家截一下我成功的图:

6.成功啦!哈哈!你是不是很开森。。。。。
评论( 相关
后面还有条评论,点击查看>>