亚洲国产精品人久久,亚洲va国产日韩欧美精品色婷婷,久久久久88色偷偷,免费人成黄页在线观看国际

17站長網

17站長網 首頁 編程 PHP編程 查看內容

PHP實現上傳多圖即時顯示與即時刪除的方法

2023-3-15 16:44| 查看: 6158 |來源: 互聯網

當type=file的input框框的onchange事件===》》》post數據提交到隱藏的ifram(form表單的target指定)===》》》接收到post數據的直接 echo script標簽來返回數據 ...

當type=file的input框框的onchange事件===》》》post數據提交到隱藏的ifram(form表單的target指定)===》》》接收到post數據的直接 echo    script標簽來返回數據到前端頁面并且賦值,然后存儲圖片路徑也是用隱藏域實現:

HTML:

<!doctype html>
<html>
<include file="Public/head"/>
<body>
<include file="Public/nav"/>
<iframe name="upload_url" style="display:none"></iframe>
   <div>
     <div class="wlog_t cf">
       <b>寫日志</b>
     </div>
     <div>
       <form id="myform" target="" enctype="multipart/form-data" action="" method="post">
         <div>
           <textarea id="content" name="data[content]"></textarea>
           <input type="hidden" id="step" value="1" name="data[step]" />
         </div>
         <div>
           <h2>選擇裝修階段</h2>
           <b mine="1" style="line-height:20px;">準備開工</b>
           <b mine="2" >水電</b>
           <b mine="3">泥木</b>
           <b mine="4">油漆</b>
           <b mine="5">竣工</b>
           <b mine="6">軟裝</b>
           <!-- <input type="hidden" value="準備開工"> -->
         </div>
         <div class="wlog_f cf">
           <h2><b>上傳圖片</b>選擇裝修過程中的照片,每張低于5M,支持JPG/JPEG/PNG格式,最多9張</h2>
           <div class="wlog_p cf">
             <a href="javascript:;" rel="external nofollow" ><img src="__PUBLIC__/home/images/2016-10-29_231703.png" alt=""><input onchange="submitimg()" type="file" name="thumb"/></a>
             <div id="addimg"></div>
             <!-- <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b>
             <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b>
             <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b>
             <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b>
             <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b>
             <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b>
             <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b>
             <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b> -->
           </div>
         </div>
         <div><input type="botton" onclick="return goods_form_submit()" readonly="readonly" value="發布日志"></div>
       </form>
     </div>
   </div>
<include file="Public/footer"/>
  <script type="text/javascript">
  function submitimg(){
    $("#myform").attr('target','upload_url');
    $("#myform").attr('action',"{:U('Journal/submitimg')}");
    $("#myform").submit();
  }
  function goods_form_submit()
  {
     if(!$('#content').val()){
      alert('請填寫日志');
      return false;
    }
    $('#myform').attr('target','');
    $('#myform').attr('action','');
    $('#myform').submit();
  }
  function callblack_img(path,uid)
  {  var html="";
    var dir = "{:C(FILE_PATH)}";
    var html ='<b><img src='+dir+path+'><i>x</i><input type="hidden" value="'+path+'" name="thumb['+uid+']"></b>';
    $('#addimg').append(html);
  }
  </script>
  <script type="text/javascript" src="__PUBLIC__/home/js/jquery-1.10.1.min.js"></script>
  <script type="text/javascript" src="__PUBLIC__/home/js/basis.js"></script>
  <script>
  $(function(){
    $('.wlog_r b').click(function(event) {
      $(this).addClass('cur').siblings('b').removeClass('cur');
      $('.wlog_r input[type=hidden]').val($(this).text());
    });
    $("#addimg").delegate("i","click",function () {
      $(this).parent("b").remove();
    })
  })
    $("b").click(function(){
      var value =$(this).attr('mine');
      $("#step").val(value);
    })
  </script>
</body>
</html>

控制器(返回被選中的圖片(已經上傳)在服務器之中的路徑):

public function submitimg(){
    if(IS_POST){
        $data = I('post.data');//獲取post數據
        $res = fab_upload($_FILES);//上傳文件
        $uid=uniqid();
        $res=$res['thumb'];
        if($res){
          echo "<script>parent.callblack_img('{$res}','{$uid}');</script>";
        }
     }
}

真正的最后接收表單數據并且存入數據庫的函數:

public function add_journal(){
     if(IS_POST){
         var_dump($_POST);die;
       }else{
        $this->display();
     }
}
本文最后更新于 2023-3-15 16:44,某些文章具有時效性,若有錯誤或已失效,請在網站留言或聯系站長:17tui@17tui.com
·END·
站長網微信號:w17tui,關注站長、創業、關注互聯網人 - 互聯網創業者營銷服務中心

免責聲明:本站部分文章和圖片均來自用戶投稿和網絡收集,旨在傳播知識,文章和圖片版權歸原作者及原出處所有,僅供學習與參考,請勿用于商業用途,如果損害了您的權利,請聯系我們及時修正或刪除。謝謝!

17站長網微信二維碼

始終以前瞻性的眼光聚焦站長、創業、互聯網等領域,為您提供最新最全的互聯網資訊,幫助站長轉型升級,為互聯網創業者提供更加優質的創業信息和品牌營銷服務,與站長一起進步!讓互聯網創業者不再孤獨!

掃一掃,關注站長網微信

大家都在看

    熱門排行

      最近更新

        返回頂部
        亚洲国产精品人久久,亚洲va国产日韩欧美精品色婷婷,久久久久88色偷偷,免费人成黄页在线观看国际
        91麻豆视频网站| 天堂影院一区二区| 亚洲狠狠爱一区二区三区| 首页国产丝袜综合| av电影一区二区| 欧美一级黄色片| 亚洲免费av在线| 国产乱一区二区| 欧美精品一级二级三级| 亚洲婷婷综合久久一本伊一区| 老汉av免费一区二区三区| 91九色最新地址| 中文字幕一区二区不卡| 久久国产视频网| 欧美电影精品一区二区| 五月婷婷色综合| 色天天综合色天天久久| 亚洲天堂免费在线观看视频| 国产91精品一区二区麻豆网站| 欧美电影精品一区二区| 美女网站色91| 精品三级在线观看| 国内精品嫩模私拍在线| 欧美tickling挠脚心丨vk| 男男gaygay亚洲| 日韩一区二区三区在线| 日本网站在线观看一区二区三区 | 一本高清dvd不卡在线观看| 国产精品久久久久久久第一福利 | 国产精品视频yy9299一区| 免费精品视频最新在线| 日韩三级视频在线观看| 激情六月婷婷久久| 国产欧美日韩另类一区| 91在线视频观看| 亚洲一区二区三区免费视频| 正在播放亚洲一区| 国产九色sp调教91| 成人欧美一区二区三区| 精品婷婷伊人一区三区三| 视频一区二区中文字幕| 久久亚洲捆绑美女| 91在线小视频| 蜜臂av日日欢夜夜爽一区| 久久婷婷色综合| 91蜜桃免费观看视频| 婷婷开心激情综合| 国产无一区二区| 欧美性xxxxx极品少妇| 韩国理伦片一区二区三区在线播放| 中文字幕欧美国产| 欧美亚洲精品一区| 国产高清在线精品| 亚洲成人7777| 中文字幕日韩欧美一区二区三区| 欧美色偷偷大香| 成人性生交大片免费看在线播放| 亚洲一区欧美一区| 久久精品日韩一区二区三区| 欧美婷婷六月丁香综合色| 国产一区 二区| 午夜精品福利一区二区三区蜜桃| 国产日韩欧美一区二区三区综合| 91美女视频网站| 国产一区二区在线免费观看| 亚洲国产精品影院| 国产三级久久久| 欧美一级午夜免费电影| 欧美专区亚洲专区| 99精品桃花视频在线观看| 久久99精品久久久久婷婷| 亚洲高清在线精品| 亚洲人吸女人奶水| 国产精品美女久久久久aⅴ国产馆| 日韩一区二区视频| 制服视频三区第一页精品| 91福利精品第一导航| av电影天堂一区二区在线观看| 极品美女销魂一区二区三区| 日本欧美在线观看| 日韩国产精品久久久| 亚洲va在线va天堂| 午夜不卡在线视频| 亚洲1区2区3区4区| 性久久久久久久久| 午夜精品视频在线观看| 亚洲国产精品久久人人爱蜜臀 | 精品国产乱码久久久久久浪潮| 欧美精品自拍偷拍| 欧美伦理影视网| 欧美一级在线视频| 精品国产123| 国产亚洲精久久久久久| 久久精品欧美一区二区三区不卡| 久久免费看少妇高潮| 国产午夜亚洲精品午夜鲁丝片| 久久综合九色综合97_久久久| 欧美精品一区二区三区在线播放| 精品va天堂亚洲国产| 国产蜜臀97一区二区三区| 国产精品激情偷乱一区二区∴| 一区在线中文字幕| 亚洲一区二区三区四区在线免费观看 | av网站一区二区三区| 97精品久久久午夜一区二区三区| av电影在线观看完整版一区二区| 在线日韩一区二区| 日韩欧美亚洲国产精品字幕久久久| 精品不卡在线视频| 亚洲欧美国产三级| 青青国产91久久久久久| 日本欧美久久久久免费播放网| 韩国av一区二区三区| 91亚洲资源网| 日韩精品中文字幕一区二区三区 | 亚洲高清久久久| 久久av中文字幕片| av电影在线观看不卡 | 国产日韩欧美制服另类| 亚洲激情男女视频| 国产自产2019最新不卡| 色嗨嗨av一区二区三区| 26uuu亚洲综合色欧美| 亚洲精品成人少妇| 国产久卡久卡久卡久卡视频精品| 欧美三日本三级三级在线播放| 久久免费午夜影院| 青青草97国产精品免费观看无弹窗版| 东方欧美亚洲色图在线| 91精品国产综合久久久蜜臀粉嫩| 国产精品乱码妇女bbbb| 麻豆精品在线视频| 欧美日韩一区三区四区| 国产精品久久久一本精品| 另类小说欧美激情| 欧美日韩国产精选| 一区二区三区四区在线播放| 国产成人8x视频一区二区| 欧美一区二区三级| 午夜精品福利一区二区蜜股av | 亚洲欧美日韩系列| 岛国一区二区三区| 久久蜜桃av一区二区天堂| 麻豆精品视频在线观看| 欧美精品xxxxbbbb| 亚洲午夜羞羞片| 日本久久电影网| 亚洲精品亚洲人成人网在线播放| 成人国产免费视频| 国产精品私人影院| 成人午夜又粗又硬又大| 欧美高清一级片在线观看| 国产精品一区二区三区99| 精品国产乱码久久久久久闺蜜| 老司机精品视频导航| 欧美va亚洲va| 国产成人精品午夜视频免费| 2023国产精品自拍| 国产精品1区2区| 国产精品视频麻豆| 99国产一区二区三精品乱码| 中文字幕中文乱码欧美一区二区| 成人黄色综合网站| 亚洲欧洲另类国产综合| 色综合色狠狠天天综合色| 亚洲一区在线免费观看| 88在线观看91蜜桃国自产| 日本不卡视频在线| 久久综合久久综合亚洲| 国产成人aaa| 亚洲精品免费在线播放| 精品视频全国免费看| 蜜臀av性久久久久蜜臀aⅴ四虎| 亚洲精品一区二区在线观看| 国产激情一区二区三区桃花岛亚洲| 国产精品免费视频一区| 欧美性猛片xxxx免费看久爱| 免费一级欧美片在线观看| 国产拍揄自揄精品视频麻豆| 91看片淫黄大片一级| 奇米一区二区三区| 中文字幕成人网| 在线播放91灌醉迷j高跟美女 | 国产精品亚洲专一区二区三区| 成人免费一区二区三区视频| 欧美日韩一卡二卡| 国产精品系列在线播放| 亚洲地区一二三色| 久久久久青草大香线综合精品| 色网站国产精品| 国产高清视频一区| 日韩成人一级片| 亚洲婷婷综合色高清在线| 日韩精品一区国产麻豆| 色综合天天综合网天天看片| 久久99精品久久久久| 性做久久久久久久免费看| 中文字幕一区日韩精品欧美| 2020国产精品久久精品美国| 6080国产精品一区二区|