thinkphp3.2.2下fullavatareditor的使用

调用,主页面
<!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());
      };
    }



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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值