zoukankan      html  css  js  c++  java
  • 上传自定义水印图片到图片空间及保存数据库的方法

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

      

  • 相关阅读:
    luffy-短信接口频率限制,以及前端发送,和注册
    腾讯云短信开发
    luffy-登录注册页面
    vue之vue-cookies 获取、设置以及删除指定的cookies
    pycharm操作git
    luffy的前端主页
    vue路由跳转的方式
    django 中的Model继承
    跨域请求CORS详解
    vue:实现图书购物车
  • 原文地址:https://www.cnblogs.com/wdlhao/p/4916904.html
Copyright © 2011-2022 走看看