您的位置：首页 > 编程语言 > PHP开发

thinkphp3.2.2下fullavatareditor的使用

2014-10-23 17:33 218 查看 
调用，主页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript" src='__PUBLIC__/full/scripts/swfobject.js'></script>
<script type="text/javascript" src='__PUBLIC__/full/scripts/fullAvatarEditor.js'></script>
<script type="text/javascript" src='__PUBLIC__/Js/jquery.js'></script>
<pre name="code" class="javascript">        <script type="text/javascript">
var full_swf_url='__PUBLIC__/full/fullAvatarEditor.swf';
//同上，避免找不到swf文件，在这里写了之后还要把fullAvatarEditor.js文件的75行下加上
//file = full_swf_url;expressInstall	= ex_swf_url;不然这里路径是对的也没用
var ex_swf_url='__PUBLIC__/full/expressInstall.swf';
//上传的图片处理的url
var upload_url_new='{:U('img')}';
</script>


<script type="text/javascript" src='__PUBLIC__/Js/full.js'></script><title>Document</title></head><body><div style="width:800px;margin: 0 auto;"> <h1 style="text-align:center">富头像上传编辑器演示</h1> <div> <p id="swf"> 本组件需要安装Flash Player后才可使用，请从 <a href="http://www.adobe.com/go/getflashplayer">这里</a>
下载安装。 </p> </div> <button type="button" id="upload">自定义上传按钮</button> </div></body></html>

fuul.js

$('document').ready(function(){
//swf文件的路径,不做着一部会使用默认位置找swf文件，显然是找不到的
var swf = new fullAvatarEditor('swf', {
id: 'swf',
upload_url: upload_url_new,//上传处理的url
avatar_sizes:'100*100|50*50|32*32',//上传图片的大小,保存多个不同大小的可以用|号隔开
avatar_field_names:'img_1|img_2|img_3'//上传过去的file变量的名称
}, function(json){
if (json.code == 5)
{
switch(json.type)
{
//表示图片上传成功。
case 0:
alert('原图片位于服务器的虚拟路径为'+json.content.sourceUrl);
alert('头像图片位于服务器的虚拟路径为'+json.content.avatarUrls.join(','));
break;
case 1:
alert('头像上传失败，原因：' + json.content.msg);//will output:头像上传失败，原因：上传的原图文件大小超出限值了！
break;
case 2:
alert('头像上传失败，原因：指定的上传地址不存在或有问题！');
break;
case 3:
alert('头像上传失败，原因：发生了安全性错误！请联系站长添加crossdomain.xml到网站根目录。');
break;
}
}
});
})
后台处理
function full_upload($file_name,$file_size,$save_path,$new_file_name,$sub_name){
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize   =    $file_size ;// 设置附件上传大小
$upload->replace   =    true;
$upload->exts      =    array('jpg', 'gif', 'png', 'jpeg','');// 设置附件上传类型
$upload->rootPath  =    'aaa';
$upload->saveName  =    $new_file_name;
$upload->savePath  =    $save_path; // 设置附件上传目录
$upload->saveExt   =    'png';
$upload->autoSub = true;
$upload->subName = $sub_name;
if(!$upload->uploadOne($_FILES[$file_name])){
var_dump($upload->getError());
};
}


把路径弄对就差不多了~~
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航