欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

原生javascript實(shí)現(xiàn)文件異步上傳的實(shí)例講解

 更新時(shí)間:2017年10月26日 08:28:35   作者:冷月葬殘花  
下面小編就為大家?guī)?lái)一篇原生javascript實(shí)現(xiàn)文件異步上傳的實(shí)例講解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

效果圖:

代碼:(demo33.jsp)

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>demo33.jsp</title>
</head>
<body>
<label for="text">名稱(chēng)</label>
<input type="text" id="text" name="name"/>
<label for="file">文件</label>
<input type="file" id="file" name="file"/>
<button type="button" onclick="ajaxUploadFile()">確定</button>
</body>
<script type="text/javascript">
 function ajaxUploadFile() {
  var formData = new FormData();
  var xmlhttp;
  if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp = new XMLHttpRequest();
  }else {// code for IE6, IE5
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.open("POST","/data",true);
  xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
  formData.append("name",document.getElementById("text").value);
  formData.append("file",document.getElementById("file").files[0]);
  xmlhttp.send(formData);
  xmlhttp.onreadystatechange=function() {
   if (xmlhttp.readyState==4) {
    if (xmlhttp.status==200) {
     console.log("上傳成功"+xmlhttp.responseText);
    }else {
     console.log("上傳失敗"+xmlhttp.responseText);
    }
   }
  }
 }
</script>
</html>

以上這篇原生javascript實(shí)現(xiàn)文件異步上傳的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • js父窗口關(guān)閉時(shí)子窗口隨之關(guān)閉完美解決方案

    js父窗口關(guān)閉時(shí)子窗口隨之關(guān)閉完美解決方案

    admin注銷(xiāo)的時(shí)候,或者main.html關(guān)閉的時(shí)候,如何讓打開(kāi)的所有新窗口一起關(guān)閉,下面有個(gè)不錯(cuò)的解決方案,大家可以參考下
    2014-04-04
  • bootstrap 彈出框modal添加垂直方向滾軸效果

    bootstrap 彈出框modal添加垂直方向滾軸效果

    這篇文章主要介紹了bootstrap 彈出框modal添加垂直方向滾軸效果,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-07-07
  • 微信WeixinJSBridge API使用實(shí)例

    微信WeixinJSBridge API使用實(shí)例

    這篇文章主要介紹了微信WeixinJSBridge API使用實(shí)例,本文直接給出HTML代碼,代碼中包含了很多實(shí)用功能,如圖片預(yù)覽、分享到微博、隱藏右上角按鈕、獲取網(wǎng)絡(luò)狀態(tài)、發(fā)起公眾號(hào)微信支付等內(nèi)容,需要的朋友可以參考下
    2015-05-05
  • javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例

    javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例

    這篇文章主要為大家介紹了javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-08-08
  • Typescript實(shí)現(xiàn)棧的方法示例

    Typescript實(shí)現(xiàn)棧的方法示例

    本文主要介紹了Typescript實(shí)現(xiàn)棧的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2024-08-08
  • 強(qiáng)大的JavaScript響應(yīng)式圖表Chartist.js的使用

    強(qiáng)大的JavaScript響應(yīng)式圖表Chartist.js的使用

    本篇文章主要介紹了強(qiáng)大的JavaScript響應(yīng)式圖表Chartist.js的使用,具有一定的參考價(jià)值,有興趣的可以了解一下
    2017-09-09
  • javascript定義變量時(shí)帶var與不帶var的區(qū)別分析

    javascript定義變量時(shí)帶var與不帶var的區(qū)別分析

    這篇文章主要介紹了javascript定義變量時(shí)帶var與不帶var的區(qū)別,以一個(gè)簡(jiǎn)單實(shí)例分析了變量定義時(shí)帶var與不帶var的執(zhí)行原理及用法區(qū)別,需要的朋友可以參考下
    2015-01-01
  • 詳解javascript腳本何時(shí)會(huì)被執(zhí)行

    詳解javascript腳本何時(shí)會(huì)被執(zhí)行

    這篇文章主要介紹了詳解javascript腳本何時(shí)會(huì)被執(zhí)行,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下
    2021-02-02
  • 淺談TypeScript的類(lèi)型保護(hù)機(jī)制

    淺談TypeScript的類(lèi)型保護(hù)機(jī)制

    這篇文章主要介紹了淺談TypeScript的類(lèi)型保護(hù)機(jī)制,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-02-02
  • javascript:FF/Chrome與IE動(dòng)態(tài)加載元素的區(qū)別說(shuō)明

    javascript:FF/Chrome與IE動(dòng)態(tài)加載元素的區(qū)別說(shuō)明

    今天在寫(xiě)一段js時(shí),發(fā)現(xiàn)IE與FF在動(dòng)態(tài)加載Html元素時(shí),有一些差別,一起過(guò)來(lái)看看下面的代碼吧
    2014-01-01

最新評(píng)論