源生JS怎样实现文件异步上传

来源：动视网责编：小采时间：2020-11-27 19:54:35

源生JS怎样实现文件异步上传

源生JS怎样实现文件异步上传:这次给大家带来源生JS怎样实现文件异步上传，源生JS实现文件异步上传的注意事项有哪些，下面就是实战案例，一起来看一下。<%@ page contentType="text/html;charset=UTF-8" language="java" %> &

推荐度：

点击下载本文 文档为doc格式

导读源生JS怎样实现文件异步上传:这次给大家带来源生JS怎样实现文件异步上传，源生JS实现文件异步上传的注意事项有哪些，下面就是实战案例，一起来看一下。<%@ page contentType="text/html;charset=UTF-8" language="java" %> &

这次给大家带来源生JS怎样实现文件异步上传，源生JS实现文件异步上传的注意事项有哪些，下面就是实战案例，一起来看一下。

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

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

源生JS怎样实现文件异步上传

推荐度：

点击下载本文 文档为doc格式

标签：上传文件 js 文件上传

热门焦点

源生JS怎样实现文件异步上传

源生JS怎样实现文件异步上传

源生JS怎样实现文件异步上传

最新推荐

猜你喜欢

热门推荐