最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS實(shí)現(xiàn)瀏覽上傳文件的代碼

 更新時(shí)間:2017年08月23日 14:53:12   作者:MoleKing  
本文通過實(shí)例代碼給大家介紹了基于js實(shí)現(xiàn)瀏覽上傳文件的代碼,非常不錯(cuò),代碼簡(jiǎn)單易懂,具有參考借鑒價(jià)值,需要的朋友參考下吧

廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:

<div style="position:relative;width:380px;">
      <iframe id="t_load" name="t_load" style="display: none"></iframe>
      <form action="" method="post" enctype="multipart/form-data" name="form1" target="t_load">
        <input type='text' name='textfield' id='textfield' style="height:22px; border:2px solid #cdcdcd; width:230px; border-radius:50px;" />
        <input type='button' value='瀏覽...' style="display: inline-block;
 margin-bottom: 0;
 font-size: 14px;
 border-radius: 4px;
padding: 6px 12px;
 margin: 2px 2px;
 border: 1px solid #357ebd;
 background: #1b9ad5;
 color: #fff;" />
        <input type="file" name="file1" accept="image/jpeg, image/gif" id="file1" onchange="document.getElementById('textfield').value=this.value" style="position:absolute; top:5px; right:74px; height:27px; filter:alpha(opacity:0);opacity: 0;width:300px" />
        <input type="button" name="button" onclick="mysubmit()" value="上傳" style="display: inline-block;
 margin-bottom: 0;
 font-size: 14px;
 border-radius: 4px;
padding: 6px 12px;
 margin: 2px 2px;
 border: 1px solid #357ebd;
 background: #1b9ad5;
 color: #fff;">
      </form>
    </div>
    <div style="display:none;color:#6D6D72;font-size: 20px;" id="res"></div>
    <script>
      function mysubmit() {
        var a = document.getElementById("textfield").value;
        if(a == "") {
          alert("請(qǐng)上傳文件");
          return;
        }
        document.form1.submit();
        ajaxsend();
      }
      function ajaxsend() {
        var xmlHttp;
        if(window.ActiveXObject) {
          xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } else {
          xmlHttp = new XMLHttpRequest();
        }
        xmlHttp.open("post", "upload", true);
        xmlHttp.onreadystatechange = function() {
          xmlHttp.readyState;
          if(xmlHttp.readyState == 4) {
            res.innerHTML = "上傳成功!";
            setTimeout(function() {
              res.innerHTML = "";
            }, 2000);
          } else {
            document.getElementById("res").style.display = "inline";
          }
        }
        xmlHttp.send();
        var obj = document.getElementById('textfield');
        obj.outerHTML = obj.outerHTML;
      }
    </script>

總結(jié)

以上所述是小編給大家介紹的JS實(shí)現(xiàn)瀏覽上傳文件的代碼,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • JavaScript中常用的3種彈出提示框(alert、confirm、prompt)

    JavaScript中常用的3種彈出提示框(alert、confirm、prompt)

    這篇文章主要給大家介紹了關(guān)于JavaScript中常用的3種彈出提示框(alert、confirm、prompt)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • 詳解組件庫(kù)的webpack構(gòu)建速度優(yōu)化

    詳解組件庫(kù)的webpack構(gòu)建速度優(yōu)化

    這篇文章主要介紹了詳解組件庫(kù)的webpack構(gòu)建速度優(yōu)化,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-06-06
  • js實(shí)現(xiàn)一鍵換膚效果

    js實(shí)現(xiàn)一鍵換膚效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)一鍵換膚效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)

    js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)

    這篇文章主要給大家總結(jié)介紹了關(guān)于js判斷數(shù)組中是否包含某個(gè)值的4種方法,數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)我們經(jīng)常需要在數(shù)組中查找特定的值,JavaScript 包含一些內(nèi)置方法來檢查數(shù)組是否有特定的值或?qū)ο?需要的朋友可以參考下
    2023-11-11
  • javascript實(shí)現(xiàn)的仿51job地址多項(xiàng)選擇方式效果

    javascript實(shí)現(xiàn)的仿51job地址多項(xiàng)選擇方式效果

    分享一個(gè)類似51job方式的地址選擇效果
    2009-12-12
  • JS實(shí)現(xiàn)的拋物線運(yùn)動(dòng)效果示例

    JS實(shí)現(xiàn)的拋物線運(yùn)動(dòng)效果示例

    這篇文章主要介紹了JS實(shí)現(xiàn)的拋物線運(yùn)動(dòng)效果,結(jié)合實(shí)例形式分析了javascript拋物線運(yùn)動(dòng)的相關(guān)運(yùn)算與元素動(dòng)態(tài)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2018-01-01
  • 微信小程序如何使用canvas二維碼保存至手機(jī)相冊(cè)

    微信小程序如何使用canvas二維碼保存至手機(jī)相冊(cè)

    這篇文章主要介紹了微信小程序如何使用canvas二維碼保存至手機(jī)相冊(cè)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • JS對(duì)象與json字符串格式轉(zhuǎn)換實(shí)例

    JS對(duì)象與json字符串格式轉(zhuǎn)換實(shí)例

    這篇文章主要介紹了JS對(duì)象與json字符串格式轉(zhuǎn)換方法,以實(shí)例的形式詳細(xì)講述了js對(duì)象與json字符串格式轉(zhuǎn)換的技巧,需要的朋友可以參考下
    2014-10-10
  • PWA介紹及快速上手搭建一個(gè)PWA應(yīng)用的方法

    PWA介紹及快速上手搭建一個(gè)PWA應(yīng)用的方法

    這篇文章主要介紹了PWA介紹及快速上手搭建一個(gè)PWA應(yīng)用的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-01-01
  • javascript中如何處理引號(hào)編碼&#034;

    javascript中如何處理引號(hào)編碼&#034;

    本文為大家介紹下javascript中如何處理引號(hào)編碼,具體如下,感興趣的朋友可以參考下
    2013-08-08

最新評(píng)論

定西市| 肇东市| 云霄县| 黄浦区| 揭西县| 长阳| 大宁县| 上栗县| 襄城县| 阿尔山市| 郑州市| 山阳县| 铜梁县| 佳木斯市| 托克逊县| 黄大仙区| 通渭县| 郧西县| 米脂县| 福州市| 阿坝县| 青浦区| 石屏县| 满城县| 江山市| 镇雄县| 郸城县| 黔西县| 西吉县| 穆棱市| 师宗县| 吉木乃县| 霍林郭勒市| 陇西县| 宜兰市| 大宁县| 广昌县| 双牌县| 民县| 鸡泽县| 襄汾县|