# douphp多图组件

**Repository Path**: cuihaifeng123456/douphp_multi_graph_component

## Basic Information

- **Project Name**: douphp多图组件
- **Description**: douphp多图组件，支持拖拽排序以及删除
- **Primary Language**: PHP
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2018-06-15
- **Last Updated**: 2021-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# douphp多图组件

#### 项目介绍
douphp多图组件，支持拖拽排序以及删除

### 使用方法,以产品多图为例
在需要多图的模板中 {include file="templates/gallery_widget.htm"}
```
      <tr>
       <td align="right">图集上传</td>
       <td>
        <div id="gallery" class="tab-pane">
         <div class="gallery_upload" data-action="product.php?rec=upload_gallery" data-remove="">
         </div>
         <br/>
         <p class="label-primary">图集支持拖拽顺序调整，操作图集记得点击提交按钮保存操作。</p>
         <div class="move-mod gallery_list">
          {if $product.gallery}
          {foreach from=$product.gallery item=gallery}
          <div style='width: 20%;margin:10px;display: inline-block'>
           <img src="{$site.root_url}{$gallery}" style="width:100%" />
           <input type="hidden" name="gallery[]" value="{$gallery}">
           <p><span class="btn btn-danger" data-toggle="del_gallery_file" data-url="del_gallery_img.php?rec=del&img={$gallery}" style="width: 100%;padding: 10px 0px;text-align: center">删除图片 </span>
           </p>
          </div>
          {/foreach}
          {/if}
         </div>
        </div>
       </td>
      </tr>
```
后端PHP逻辑：
```
//ajax上传处理逻辑，上传产品为例
if ($rec == 'upload_gallery'){
    if ($_FILES['img_url']) {
        $image_name = $img->upload_image('img_url');
        $file_name = $images_dir . $image_name;
        echo $file_name;
    } else {
        echo '';
    }
}
```

前台调用
```
$product['gallery'] = $product['gallery']?explode(',',$product['gallery']):false;

//smarty调用代码
//{foreach from=$product.gallery item=gallery}
//<li>
//        <a href="#" target="_blank"><img src="{$site.root_url}{$gallery}" /></a>
//       </li>
//       {/foreach}

```