多图上传-转载

最新推荐文章于 2021-06-04 09:31:00 发布

nxiaosheng

最新推荐文章于 2021-06-04 09:31:00 发布

阅读量488

点赞数

分类专栏：多图文章标签：图片多图

多图专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这是HTML，是转载的。多图。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="__JS__/jquery-1.9.1.min.js"></script>
    <!-- 引用控制层插件样式 -->
    <link rel="stylesheet" href="__TYUPLOAD__/control/css/zyUpload.css" type="text/css">
    <!--图片弹出层样式 必要样式-->
    <!-- <script type="text/javascript" src="__TYUPLOAD__/jquery-1.7.2.js"></script> -->
    <!-- 引用核心层插件 -->
    <script type="text/javascript" src="__TYUPLOAD__/core/zyFile.js"></script>
    <!-- 引用控制层插件 -->
    <script type="text/javascript" src="__TYUPLOAD__/control/js/zyUpload.js"></script>
    <!-- 引用初始化JS -->
    <script type="text/javascript" src="__TYUPLOAD__/demo.js"></script>
    <style>
        .gg-list { padding-left:260px; margin-bottom:16px; font-size:12px; color:#2d4758;padding-top: 50px;}
        .gg-list .tit,.gg-list .cont,.required,.gg-radio { display:inline-block; vertical-align:top;}
        .gg-list .tit { min-width:65px; color:#2d4758; font-size:14px; line-height:34px;}
        .gg-list .gg-ipt,.gg-list .textarea { width:486px; height:32px; line-height:32px; display:inline-block; border:1px solid #c9c9c9; padding:0 6px; font-family:"宋体";}
        .gg-list .cont { *display:inline; *zoom:1;}
        .gg-list .cont .text { color:#7a7a7a; line-height:1.6; padding-top:6px;}
        .gg-list .sel { vertical-align:top; margin-top:8px; font-size:12px; font-family:"宋体";}
        .gg-list .gg-radio { padding-top:10px; margin-right:10px;}
        .gg-list .gg-radio input { vertical-align:-2px; margin-right:4px;}
        .gg-list .textarea { height:80px; font-size:12px; line-height:1.6;}
        .gg-list .protocol { font-size:14px; padding-top:4px;}
        .gg-list .protocol input { vertical-align:-1px; margin-right:6px;}
        .gg-list .protocol a { color:#31bcd3; font-size:14px;}
    </style>
</head>
<body>
<div class="gg-list" data-id="fxpt">
    <input type = "hidden" name = "adimg" id = "adimg" value ="<?php if($taskfind['adimg']){echo $taskfind['adimg'].',';}else{ echo '';} ?>" height="70px" >
    <input type = "hidden" name = "adimg2" id = "adimg2" value ="" height="70px" >
    <label class="tit">分享配图</label>
    <div id="demo" style="padding:0; display:inline-block; vevertical-align:top; *display:inline; *zoom:1;" class="demo">
        <?php
            if($imglist){
              echo  '<div id="pr" class="upload_pr">';
                foreach ($imglist as $key => $val) {
                echo '
                 <span class="phopt-preview">
                   <img id="uploadImage_'.$val['id'].'" class="upload_image" src="'.$val['imgurl'].'" style="width:expression(this.width > 105 ? 105px : this.width);">
                   </span>
                ';
            }


        echo '</div>';
            echo '<div>修改广告以上配图将被覆盖</div>';
    }
    ?>
</div>
</body>
</html>

以下是php的代码：

/*多图上传 终极版 当然也是别人的代码了 哈哈 2015/12/15 start */
    public function pic_img(){
        $this->display();
    }


    /*图片上传方法*/
    public function upload(){
        $file = $_FILES['file'];
        $upload = new \Think\Upload();// 实例化上传类
        $upload->maxSize = 2*1024*1024;
        $upload->rootPath  = './Uploads/'; // 设置附件上传根目录
        $upload->savePath  = 'Advert/yyzz/'; // 设置附件上传（子）目录
        $info = $upload->uploadOne($file);
        //echo $upload->rootPath.$upload->savePath;
        $data['pic_url'] = $upload->rootPath.$info['savepath'].$info['savename'];
        $res=M('pic')->add($data);
        if($res){
            echo $res;
        }else{
            echo "上传失败";
        }
    }