thinkphp3.2.2下fullavatareditor的使用

最新推荐文章于 2021-03-06 01:11:59 发布

scchary

最新推荐文章于 2021-03-06 01:11:59 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ThinPHP 文章标签： thinkphp flash

本文链接：https://blog.youkuaiyun.com/scchary/article/details/40401131

ThinPHP 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个富头像上传编辑器的演示过程，包括如何安装FlashPlayer、使用自定义上传按钮以及处理上传图片的大小限制、路径问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调用，主页面
<!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>

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());
      };
    }

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