亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > PHP > 正文

php layui實現前端多圖上傳實例

2024-05-05 00:10:38
字體:
來源:轉載
供稿:網友

php結合layui前端實現多圖上傳

前端html代碼

<div class="layui-upload">  <button type="button" class="layui-btn layui-btn-normal" id="testList">請選擇圖片</button>  <span class="num_pic"></span>  <div class="layui-upload-list">    <table class="layui-table">      <thead>        <tr>          <th>文件名</th>          <th id="pic">圖片預覽</th>          <th>大小</th>          <th>狀態</th>          <th id="cao">操作</th>        </tr>      </thead>      <tbody id="demoList"></tbody>    </table>  </div>  <button type="button" class="layui-btn" id="testListAction">開始上傳</button>    <span class="num_pic"></span></div>

js 代碼

<script type="text/javascript">  layui.use('upload', function() {    var $ = layui.jquery,      upload = layui.upload;    //多文件列表示例    var demoListView = $('#demoList'),      uploadListIns = upload.render({        elem: '#testList',        url: "{url('pic/index/upload')}",        accept: 'images',        acceptMime: 'image/*',        size: 8192,        multiple: true,        number: 400,        auto: false,        exts: 'jpg|png|jpeg',        bindAction: '#testListAction',        choose: function(obj) {          var files = this.files = obj.pushFile(); //將每次選擇的文件追加到文件隊列          //讀取本地文件          obj.preview(function(index, file, result) {            var tr = $(['<tr id="upload-' + index + '">', '<td>' + file.name + '</td>', '<td><img src="' + result + '"            //單個重傳            tr.find('.demo-reload').on('click', function() {              obj.upload(index, file);              $("#upload-" + index).find("td").eq(2).html((file.size / 1014).toFixed(1) + 'kb');            });            //刪除            tr.find('.demo-delete').on('click', function() {              delete files[index]; //刪除對應的文件              tr.remove();              uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免刪除后出現同名文件不可選            });            demoListView.append(tr);            $(".num_pic").text("總共【" + demoListView.find("tr").length + "】張圖片");          });        },        done: function(res, index, upload) {          if(res.code == 0) { //上傳成功            $("#cao").text("地址");            var tr = demoListView.find('tr#upload-' + index),              tds = tr.children();            tds.eq(3).html('<span style="color: #5FB878;">上傳成功</span>');            tds.eq(4).html('<input type="text" name="imgs[]" value="' + res.file + '" class="layui-input" />'); //清空操作            return delete this.files[index]; //刪除文件隊列已經上傳成功的文件          }          this.error(index, upload);        },        allDone: function(obj) { //當文件全部被提交后,才觸發          layer.msg("上傳文件數量:【" + obj.total + "】張,上傳成功:【" + obj.successful + "】張,失敗:【" + obj.aborted + "】", {            time: 3000          });          console.log(obj.total); //得到總文件數          console.log(obj.successful); //請求成功的文件數          console.log(obj.aborted); //請求失敗的文件數        },        error: function(index, upload) {          var tr = demoListView.find('tr#upload-' + index),            tds = tr.children();          tds.eq(2).html('<span style="color: #FF5722;">上傳失敗</span>');          tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //顯示重傳        }      });  });</script>

后端代碼

public function uploadAction(){    $file=$_FILES['file'];    $root_url = 'uploadfiles/pic/image/';    if (!is_uploaded_file($file['tmp_name'])){      $data = array('code'=>1,'msg'=>"錯誤");      exit(json_encode($data,0));    }   /* $root_url.=date('Ymd').'/';*/    $ext = pathinfo($file['name']);    $num=makenum($this->memberinfo['id']);    $root_url.=$num.'/';    if (!is_dir($root_url)) {      mkdir($root_url,0777, true);    }    $pa=file_list::get_file_list($root_url);    $na=count($pa) + 1;    if ($na<10){      $name=$num.'-000'.$na;    }elseif($na<100){      $name=$num.'-00'.$na;    }elseif($na<1000){      $name=$num.'-0'.$na;    }else{      $name=$num.'-'.$na;    }    $n=$root_url.$name.".".$ext['extension'];    $result=move_uploaded_file($file['tmp_name'],$n);    if ($result){      exit(json_encode(array("code"=>0,"msg"=>"ok","file"=>$n,"size"=>$file['size']),0));    }else{      exit(json_encode(array("code"=>1,"msg"=>"false","file"=>$n,"size"=>$file['size']),0));    }  }

上傳效果:

php,layui,前端,多圖上傳

php,layui,前端,多圖上傳

以上就是php結合layui前端實現多圖上傳的全部知識點,感謝大家對VeVb武林網的支持。


注:相關教程知識閱讀請移步到PHP教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
中文字幕亚洲一区二区三区五十路| 亚洲精品99久久久久中文字幕| 亚洲精品美女久久| 亚洲人成电影网站色…| 狠狠干狠狠久久| 亚洲国产欧美一区| 亚洲第一福利网| 国产精品丝袜高跟| 久久久久中文字幕2018| 日韩在线观看视频免费| 欧美专区第一页| 国产视频丨精品|在线观看| 欧美成人午夜免费视在线看片| 草民午夜欧美限制a级福利片| 4438全国成人免费| 亚洲欧美日韩精品久久奇米色影视| 欧美亚洲在线视频| 国产热re99久久6国产精品| www.欧美视频| 欧美日韩国产精品一区二区三区四区| 久久91精品国产91久久久| 91精品国产电影| 亚洲最大成人免费视频| 91麻豆桃色免费看| 免费97视频在线精品国自产拍| 色播久久人人爽人人爽人人片视av| 92版电视剧仙鹤神针在线观看| 91日本视频在线| 国产精品综合不卡av| 亚洲丝袜在线视频| 日韩av不卡在线| 日韩av在线不卡| 亚洲国产精品女人久久久| 欧美wwwwww| 国产热re99久久6国产精品| 亚洲综合自拍一区| 日韩一区二区三区国产| 国产福利视频一区二区| 理论片在线不卡免费观看| 在线视频欧美日韩| 亚洲精品一区二区三区婷婷月| 性夜试看影院91社区| 日本欧美国产在线| 911国产网站尤物在线观看| 久久久欧美精品| 中文字幕在线视频日韩| 亚洲另类图片色| 午夜剧场成人观在线视频免费观看| 中文字幕9999| 日韩福利视频在线观看| 久久国产精品电影| 日韩经典中文字幕| 亚洲国产精彩中文乱码av在线播放| 亚洲精品短视频| 欧美激情第一页xxx| 在线亚洲国产精品网| 久久久av亚洲男天堂| 九九九热精品免费视频观看网站| 亚洲欧美国产一区二区三区| 操91在线视频| 久久精品国产91精品亚洲| 亲爱的老师9免费观看全集电视剧| 91高清免费在线观看| 欧洲成人在线观看| 91精品视频大全| 亚洲乱码国产乱码精品精| 欧美日韩国产成人在线| 精品福利在线视频| 97国产suv精品一区二区62| 亚洲精美色品网站| 中文字幕成人在线| 亚洲精品福利免费在线观看| 精品久久久久久久久国产字幕| 欧美一二三视频| 亚洲成人a级网| 欧美日韩电影在线观看| 欧美电影在线观看完整版| 亚洲色图综合久久| 国产精选久久久久久| 福利二区91精品bt7086| 日韩在线视频国产| 性欧美视频videos6一9| 国产精品91视频| 中文字幕亚洲在线| 日韩美女视频免费在线观看| 国产精品一区二区三区久久久| 日韩一区视频在线| 久久99亚洲精品| 国产精品一香蕉国产线看观看| 亚洲白虎美女被爆操| 久久亚洲综合国产精品99麻豆精品福利| 日韩精品视频在线免费观看| 欧美丰满少妇xxxxx做受| 亚洲va欧美va国产综合剧情| 日韩成人av网| 日韩av在线影视| 日本欧美爱爱爱| 亚洲福利视频免费观看| xxav国产精品美女主播| 亚洲一区二区三区xxx视频| 色七七影院综合| 亚洲码在线观看| 日韩高清中文字幕| 亚洲国产欧美一区| 97超级碰碰碰久久久| 欧美丰满老妇厨房牲生活| 成人在线小视频| 性色av一区二区咪爱| 久久精品男人天堂| 亚洲综合第一页| 国产精品扒开腿做爽爽爽视频| 欧美精品一区二区免费| 亚洲九九九在线观看| 欧美激情伊人电影| 欧美刺激性大交免费视频| 亚洲精品国精品久久99热一| 国产在线观看精品一区二区三区| 亚洲缚视频在线观看| 日韩在线欧美在线国产在线| 亚洲精品国产suv| 一区二区三区亚洲| 亚州欧美日韩中文视频| 亚洲福利在线播放| 日韩一中文字幕| 国产精品入口夜色视频大尺度| 国产香蕉精品视频一区二区三区| 国内偷自视频区视频综合| 亚洲第一天堂无码专区| 日本久久久a级免费| 国产精品老女人视频| 欧美日韩日本国产| 中文字幕在线成人| 欧美激情综合色综合啪啪五月| 亚洲女同性videos| 日韩美女写真福利在线观看| 日韩在线视频线视频免费网站| 性欧美亚洲xxxx乳在线观看| 欧美在线观看日本一区| 日本道色综合久久影院| 国产日韩精品电影| 91在线精品视频| 国产精品视频xxxx| 精品爽片免费看久久| 久久精品国产一区二区三区| 国产精品网红直播| 俺去啦;欧美日韩| 综合136福利视频在线| 狠狠爱在线视频一区| 欧美成人全部免费| 色诱女教师一区二区三区| 国产一区二区在线播放| 26uuu亚洲伊人春色| 亚洲综合国产精品| 国产精品视频自拍| 日韩视频在线免费观看| 日韩av免费看网站| 亚洲一区二区三区四区在线播放| 91精品视频在线看| 国产精品www| 久久久久在线观看| 欧美黄色小视频| 91po在线观看91精品国产性色| 欧洲亚洲在线视频| 性欧美长视频免费观看不卡|