Tp3.2 图片上传+水印+缩略图 多图和单图
- WBOYオリジナル
- 2016-06-07 11:38:481687ブラウズ
Tp3.2 图片上传+水印+缩略图 多图和单图//图像上传<br>
function uploadify()<br>
{<br>
if (!empty($_FILES)) {<br>
//图片上传设置<br>
$config = array( <br>
'maxSize' => 3145728, <br>
'savePath' => '', <br>
'saveName' => array('uniqid',''), <br>
'exts' => array('jpg', 'gif', 'png', 'jpeg'), <br>
'autoSub' => true, <br>
'subName' => array('date','Ymd'),<br>
<br>
);<br>
<br>
$upload = new \Think\Upload($config);// 实例化上传类<br>
$images = $upload->upload();<br>
<br>
//判断是否有图<br>
if($images){<br>
$info='Uploads/'.$images['Filedata']['savepath'].$images['Filedata']['savename'];<br>
$miinfo='Uploads/'.$images['Filedata']['savepath'].'mi_'.$images['Filedata']['savename']; <br>
<br>
$image = new \Think\Image(); <br>
$image->open('./'.$info)->thumb(150, 150,\Think\Image::IMAGE_THUMB_CENTER)->save('./'.$miinfo); <br>
//添加图片水印 <br>
$image->open('./'.$info)->water('./Data/logo.png',\Think\Image::IMAGE_WATER_NORTHWEST,50)->save('./'.$info);<br>
//添加文字水印<br>
//$image->open('./'.$info)->text('姜医生','./Data/1.ttf',20,'#000000',\Think\Image::IMAGE_WATER_SOUTHEAST)->save($info);<br>
$data['yt']= $info; <br>
$data['mi']= $miinfo; <br>
$this->ajaxReturn($data); <br>
<br>
<br>
<br>
}<br>
else{<br>
$this->error($upload->getError());//获取失败信息<br>
}<br>
}<br>
}注意水印图片文件 和 字体文件 两个文件丢失会出错
前端代码<link>
<br>
<script></script><br>
<script></script><br>
引用样式文件<br>
<form>
<br>
<div>
<br>
<div>
<br>
<div>
<br>
<fieldset>
<br>
<legend>图片列表</legend>
<br>
<div>
<br>
<div>
<br>
<a>删除</a><br>
<p><br>
<img alt="Tp3.2 图片上传+水印+缩略图 多图和单图" ><br>
<input><br>
</p>
<br>
<p>face.jpg</p>
<br>
</div>
<br>
<div>
<br>
<a>删除</a><br>
<p><br>
<img alt="Tp3.2 图片上传+水印+缩略图 多图和单图" ><br>
<input><br>
</p>
<br>
<p>face.jpg</p>
<br>
</div>
<br>
</div>
<br>
<div></div>
<br>
<input><br>
</fieldset>
<br>
</div>
<br>
</div>
<br>
<div>
<br>
<div>
<br>
<img alt="Tp3.2 图片上传+水印+缩略图 多图和单图" ><br>
<input><br>
<p><input><br>
<a>取消上传</a><br>
</p>
<br>
</div>
<br>
</div>
<br>
<br>
</div>
<br>
<div>
<br>
<input><br>
</div>
<br>
</form>
<br>
<br>
<script><br />
$(function() {<br />
$('#IFY-list').uploadify({<br />
'swf' : '__Public__/js/uploadify/uploadify.swf?ver=123',//swf文件路径<br />
'uploader' : '__URL__/uploadify',//服务器端脚本文件路径<br />
'fileObjName': 'Filedata',//上传附件$_FILE标识<br />
'fileSizeLimit': '5MB',//上传附件大小,0不限制,5120B/512KB/2MB/1GB<br />
'fileTypeDesc': '支持的格式：*.jpg;*.jpge;*.gif;*.png',<br />
'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png',//上传附件后缀限制,*.*不限制<br />
'auto':true, //开启,自动上传<br />
'multi' : true, //开启,多选文件<br />
'uploadLimit' : 10, //允许上传文件个数<br />
<br />
'buttonText':'附件上传',<br />
'width':'128',<br />
'height':'43',<br />
<br />
'queueID':'IFY-list-queue',//上传队列容器<br />
'queueSizeLimit':10,//上传队列长度<br />
'removeCompleted': false ,//上传完成移除<br />
<br />
'itemTemplate':'<div id="${fileID}" class="uploadify-queue-item">\<br />
<a class="ify-cancel" href="javascript:$(\'#${instanceID}\').uploadify(\'cancel\', \'${fileID}\')">删除\<br />
<p class="ify-data"></script>
${fileName}
\',
'overrideEvents': ['onUploadSuccess'],//可以被用户自定义事件覆盖
'preventCaching':true,//后缀加随机数,防止缓存
'requeueErrors':true,//上传出现错误后,重新加入队列
'successTimeout':30,//等待服务器响应时间,超过30秒认为上传完成
//没有兼容的FLASH时触发
'onFallback':function(){
alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
},
//上传文件成功后触发（每一个文件都触发一次）
'onUploadSuccess': function (file, data, response) {
var data=jQuery.parseJSON(data);
var yt='__ROOT__/'+data.yt;
var mi='__ROOT__/'+data.mi;
var img='
$('#' + file.id).find('.ify-data').html(img);
}
});
$('#IFY-one').uploadify({
'swf' : '__Public__/js/uploadify/uploadify.swf?ver=123',//swf文件路径
'uploader' : '__URL__/uploadify',//服务器端脚本文件路径
'fileObjName': 'Filedata',//上传附件$_FILE标识
'fileSizeLimit': '5MB',//上传附件大小,0不限制,5120B/512KB/2MB/1GB
'fileTypeDesc': '支持的格式：*.jpg;*.jpge;*.gif;*.png',
'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png',//上传附件后缀限制,*.*不限制
'auto':true, //开启,自动上传
'multi' : true, //开启,多选文件
'uploadLimit' : 10, //允许上传文件个数
'buttonText':'附件上传',
'width':'128',
'height':'43',
'queueID':'IFY-one-queue',//上传队列容器
'queueSizeLimit':10,//上传队列长度
'removeCompleted': true ,//上传完成移除
'itemTemplate':'',
'debug' : false,//开启调试模式
'overrideEvents': ['onUploadSuccess'],//可以被用户自定义事件覆盖
'preventCaching':true,//后缀加随机数,防止缓存
'requeueErrors':true,//上传出现错误后,重新加入队列
'successTimeout':30,//等待服务器响应时间,超过30秒认为上传完成
//没有兼容的FLASH时触发
'onFallback':function(){
alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
},
//上传文件成功后触发（每一个文件都触发一次）
'onUploadSuccess': function (file, data, response) {
var data='__ROOT__/'+data;
$('.music').find('audio').attr('src',data);
$('.music').find('input').val(data);
}
});
$('#IFY-one-cancel').click(function(){
$('.ify-one-box').find('audio').attr('src',data);
$('.ify-one-box').find('input').val('');
});
});
uploadify.zip
( 109.98 KB 下载：294 次 )
AD：真正免费，域名+虚机+企业邮箱=0元