thinkphp 多图片上传 单图片上传

2021-05-19 16:28

阅读:548

标签:image   public   点击   sele   admin   static   ati   sadd   data   

不管是单图片上传还是多图片上传都必须要引用这两个js

下载地址

链接:http://pan.baidu.com/s/1eStkUt0 密码:asvo

 

多图片上传

HTML模板

                         
  
                          div class="controls"> td>img src="/Public/Liu/images/tujia.png" id="logo"> ul class="tuji"> if condition="$good[‘imagelist‘][0] neq ‘‘ "> volist name="good[‘imagelist‘]" id="vo"> li> img class="img" src="{$vo}"> img class="ico" onclick="del_func(this)" src="/Public/Admin/images/del_btn.png" /> input type="hidden" name="image[]" value="{$vo}"> li> volist> if> ul> td> div>

js代码

       

 

 

 

 

单图片上传

HTML模板

                       div class="form-group">
                                            label class="control-label"> 尾部显示图 span class="symbol required">span> span class="check-tips">span>label>
                                            div class="controls">
                                            if condition="$info[‘bjt_2‘] eq ‘‘">
                                               img src="Public/Home/images/jia.png" id="bjt_2" class="ks_img">
                                               input type="hidden" name="bjt_2" value="" id="yci_2">
                                           else/>
                                               img src="{$info[‘bjt_2‘]}" id="bjt_1" class="ks_img">
                                               input type="hidden" name="bjt_2" value="{$info[‘bjt_2‘]}" id="yci_1">
                                            if>
                                            div>
                                        div>

 

 

js 代码

script>

      var uploader = new plupload.Uploader({
            "runtimes":"html5,flash,silverlight,html4",
            "flash_swf_url" : "/Public/static/plupload-2.1.9/Moxie.swf",
            "silverlight_xap_url" : "/Public/static/plupload-2.1.9/Moxie.xap",
            "browse_button":$("#bjt_2")[0],//点击触发事件
            "url":"{:U(‘Fileupload/img_upload‘)}",//控制器地址
            "filters" : {
                max_file_size : 3M,
                mime_types: [
                    {title : "Image files", extensions : "jpg,gif,png,jpeg"}
                ]
            },
            "multi_selection":false,// 多选
            "multipart_params":{"dir":"pic"},

            init:{

                FilesAdded: function(up, files) {

                    this.start();
                },
                FileUploaded:function(up,files,res){
                    var data = $.parseJSON(res.response);
                    var html = $(.controls).html();
                if(data.status == 1){
                    $(#bjt_2).attr(src,data.data);
                    $(#yci_2).val(data.data);
                    /*html += ‘‘;
                    html += ‘‘;
                    html += ‘‘;*/
                    

//                    $(‘.controls‘).html(html);
                }
                },
                Error:function(up,err){
                    alert(err.message);

                }
            }
        });
        uploader.init();
    script>

 

thinkphp 多图片上传 单图片上传

标签:image   public   点击   sele   admin   static   ati   sadd   data   

原文地址:http://www.cnblogs.com/zc290987034/p/7717526.html


评论


亲,登录后才可以留言!