원생 자 바스 크 립 트 파일 비동기 업로드 실례 설명

효과 그림:

코드:(demo33.jsp)


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>demo33.jsp</title>
</head>
<body>
<label for="text">  </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>

이상 의 원생 자 바스 크 립 트 가 파일 비동기 업 로드 를 실현 하 는 실례 설명 은 바로 소 편 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 가 될 수 있 고 저희 도 많이 응원 해 주시 기 바 랍 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

php 폼 파일 iframe 비동기 업로드 인 스 턴 스 설명

본 논문 의 사례 는 phop 폼 파일 iframe 비동기 로 올 린 구체 적 인 코드 를 공유 하여 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다. 1.폼 에 iframe 요 소 를 배치...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

원생 자 바스 크 립 트 파일 비동기 업로드 실례 설명

좋은 웹페이지 즐겨찾기