关于多图上传的修改的操作

这只是多图上传的修改操作,多图上传的操作也和这个差不多,试着来就是了

1.html的操作

  <td>

                            <ul id="photos" class="pic-list list-unstyled form-inline">
                                <notempty name="tags.describe_pic">
                                    <foreach name="tags['describe_pic']" item="vo">
                                        <php>$img_url=cmf_get_image_preview_url($vo);</php>
                                        <li id="saved-image{$key}">
                                            <input id="photo-{$key}" type="hidden" name="describe_pic[]"
                                                   value="{$vo}"> //隐藏该input
                                            <input disabled="disabled" type="hidden"  class="form-control" id="photo-{$key}-name" type="text"
                                                   name="photo_names[]"
                                                   value="{$vo|default=''}" style=" 200px;" title="图片名称"> //隐藏该input
                                            <img id="photo-{$key}-preview"
                                                 src="{:cmf_get_image_preview_url($vo)}"
                                                 style="height:36px; 36px;"
                                                 onclick="parent.imagePreviewDialog(this.src);">
                                            <a href="javascript:uploadOneImage('图片上传','#photo-{$key}');">替换</a>
                                            <a href="javascript:(function(){$('#saved-image{$key}').remove();})();">移除</a>
                                        </li>
                                    </foreach>
                                </notempty>
                            </ul>
                            <a href="javascript:uploadMultiImage('图片上传','#photos','photos-item-tpl');"
                               class="btn btn-sm btn-default">选择图片</a>
                        </td>

2.js的操作

<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
<script type="text/html" id="photos-item-tpl">
    <li id="saved-image{id}">
        <input id="photo-{id}" type="hidden" name="describe_pic[]" value="{filepath}">
        <img id="photo-{id}-preview" src="{url}" style="height:36px; 36px;"
             onclick="imagePreviewDialog(this.src);">
        <a href="javascript:uploadOneImage('图片上传','#photo-{id}');">替换</a>
        <a href="javascript:(function(){$('#saved-image{id}').remove();})();">移除</a>
    </li>
</script>

3.控制器的接收操作

        $intId = $this->request->param("id", 0, 'intval');
        $data = $this->request->param();    
        if(empty($data['describe_pic'])){
           $list =Db::name('style')
                ->where('id',$intId)
                ->find();
            $data['describe_pic'] = $list['describe_pic'];
        }else{
            $data['describe_pic'] = serialize($data['describe_pic']);
        }
        Db::name('style')
            ->where('id',$intId)
            ->update($data);
        $this->success("保存成功！",url("AdminStyle/index"));    

4.操作完成了