(1)、添加我的水印，按钮展示：
<div class="form-actions">
<button data-toggle="modal" class="sui-btn btn-primary btn-large" onclick="addmywatermark();" >添加我的水印</button>
</div>
/**
* 添加我的水印
**/
function addmywatermark(){
$("#bjtp").modal('show');
}
（2）、按钮点击的上传图片
/*
* id="bjtp"，modal页面展示
*/
<div id="bjtp" tabindex="-1" role="dialog" data-hasfoot="true" data-backdrop="static" class="sui-modal hide fade" data-width="500px" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>
<h4 id="myModalLabel" class="modal-title">添加我的水印模板</h4>
</div>
<div class="modal-body" >
<form class="sui-form" id="picfile" name="picfile" >
<label class="control-label">上传图片 ：</label>
<div class="controls">
<span>
<input type="hidden" id="user_nick" name="user_nick"/>
<input type="file" id="file" name="file" style="display:none;" onchange="previewImageLogo(this);"/>
<button type="button" class="sui-btn btn-primary" onclick="file.click()" value="">浏览本地图片</button>
<div id="pic_logo"><img src="" width="100mm" id="logopic" height="100mm"/></div>
</div><br/>
</form>
</div>
<div class="modal-footer">
<button data-ok="modal" data-toggle="modal" data-keyboard="false" class="sui-btn btn-primary btn-lg" onclick="getpicspaceimages();">确定</button>
<button type="button" data-dismiss="modal" class="sui-btn btn-default btn-large">关闭</button>
</div>
</div>
</div>
</div>
（3）、浏览本地图片，确定上传按钮
function getpicspaceimages(){
$("#user_nick").val(user_nick);
var form = document.getElementById("picfile");/*form表单用于上传文件，ajax请求发送formData*/
var formData = new FormData(form);
console.log("formData:"+formData);
$.ajax({
url: APP_WEB_INDEX_ROOT+'/itemdb2/uploadimgs',
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
dataType:'json',
beforeSend: function(data){ },
success: function(data){
console.log(data);
if(data=='fail'){
layer.msg('上传图片失败！', 1, 3);
}else{
layer.msg('上传图片成功！', 2, 1);
showownmarkimgs();/*提取数据库数据，运用dot模板展现所有的自定义水印模板*/
}
},
error: function(data){
layer.msg('上传图片失败！', 1, 3);
}
});
}
（4）、上传水印图片后台代码
function uploadimgsAction(){
log_message("info",'进来了!');
$nick = $_POST['user_nick'];
if(empty($nick)){
return 'fail';
}
$picture_category_id = $_POST['category_id'];
$this->log("resp:".json_encode($nick));
$scp = $_FILES['file'];
$logo_name = $scp["tmp_name"];
$this->log("scp:".$scp.",logo_name:".$logo_name);
if ($_FILES["file"]["error"] > 0){
$this->log_error('-','自定义水印上传图片空间','uploadimgsAction',"上传失败:文件出错");
echo json_encode("fail");
}else{
$pinfo = pathinfo($_FILES["file"]["name"]);
$photo_type = $pinfo['extension'];
$pic_name = md5(microtime(true)).".".$photo_type;
$pic_path = "/data/tmp/".$pic_name; /*定义临时文件夹用于存放水印图片*/
$this->log("pic_path:".$pic_path);
if(!move_uploaded_file ($_FILES["file"]["tmp_name"], $pic_path)){
/*
*move_uploaded_file() 函数将上传的文件移动到新位置。
*若成功，则返回 true，否则返回 false。
*
*/
$this->log_error('自定义水印上传图片空间','uploadimgsAction',"上传失败：不是合法的上传文件");
echo json_encode("fail");
}else{
//获取用户session
$token_result = $this ->Authorization( $nick, 'item' );
if( $token_result && $token_result ->code == 200 ){
$top_session = $token_result ->msg;
$this->log($top_session);
}else{
$this->log("没有获得用户的topsso授权信息");
$this->log_error('自定义水印上传图片空间','uploadimgsAction',"上传失败：不是合法的上传文件");
echo json_encode("fail");
return 'fail';
}
//PictureCategoryGetRequest,淘宝适用于php的api,用于得到图片空间文件夹，存放水印
$c = new TopClient;
$c->appkey = $this -> app_itemkey;
$c->secretKey = $this -> secret_itemKey;
$cname = '勿删爱用商品自定义水印';
$req = new PictureCategoryGetRequest;
$req->setPictureCategoryName($cname);
$resp = $c->execute($req, $top_session);
if(isset($resp ->picture_categories ->picture_category)){
$pictureCategoryId = $resp ->picture_categories ->picture_category[0] ->picture_category_id;
}
$this->log('pid :'.$pictureCategoryId);
//没有获取到保存水印的类目id,setPictureCategoryName需要创建
if(empty($pictureCategoryId)){
$req = new PictureCategoryAddRequest;
$req->setPictureCategoryName($cname);
// $req->setParentId("0");
$resp = $c->execute($req, $top_session);
$this->log('pid_add:'.json_encode($resp));
}
$req = new PictureUploadRequest;
$this->log($picture_category_id .' # 149311130066704700');
$req->setPictureCategoryId(intval($pictureCategoryId));
$req->setImg('@' . $pic_path);
$req->setImageInputTitle($pic_name);
$req->setClientType("client:computer");
$resp = $c->execute($req, $top_session);
unlink($pic_path); //图片上传成功后，删除临时文件夹中的图片
//从返回值中获取数据
$this->log(json_encode($resp));
$picture_path = $resp->picture->picture_path;
$createtime = $resp->picture->created;
$picture_category_id = $resp->picture->picture_category_id;
$pixel = $resp->picture->pixel;
$sizes = $resp->picture->sizes;
$picture_id = $resp->picture->picture_id;
//水印图上传到图片空间之后，同时保存到数据库
if (!empty($nick)){
$this -> log("nick22222222:".$nick);
if (strpos($nick, ':') != false) {
$nick = substr($nick, 0, strpos($nick, ':'));
}
$usersuggest = array(
'sellernick' => $nick,
'pic_url' => $picture_path,
'createtime'=> $createtime,
'picture_category_id' => $picture_category_id,
'pixel'=> $pixel,
'sizes'=> $sizes,
'num_iid'=>$picture_id
);
$dao = new CommonDao();
$id = $dao -> saveRow('zzbitem.watermark_userown', $usersuggest, '');
if($id > 0){
//图片保存成功之后，需要取出图片展现在前台
$this->log("picture_path222:".$picture_path);
$waterImg = $picture_path;
$handle = fopen($waterImg, 'rb');//打开水印图片
$watermark = new Imagick();
$watermark->readImageFile($handle);
$size_w = $watermark->getImagePage();//获取水印图片大小
$height_w = $size_w['height'];//水印图片高
$width_w = $size_w['width'];//水印图片宽
$this->log("打开水印，高度{$height_w}，宽度{$width_w}");
if($width_w/3 > $height_w){
$width_w = 150;//默认单位为px
$height_w = 30;
}else if($height_w/3 > $width_w){
$width_w = 30;
$height_w = 150;
}else{
$width_w = 150;
$height_w = 100;
}
$picvar = array($waterImg,$width_w,$height_w,$picture_id);
$this->log("picarr:".json_encode($picvar));
echo json_encode($picvar);
}else{
echo json_encode("fail");
}
}
}
}
}