个人中心
gpt4 book ai didi

asp.net使用H5新特性实现异步上传的示例

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章asp.net使用H5新特性实现异步上传的示例由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

###index.html 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
< html >
< head >
   < meta charset = "utf-8" />
   < script src = "Script/jquery-1.10.2.min.js" ></ script >
   < script src = "Script/index.js" ></ script >
   < title ></ title >
   < script type = "text/javascript" >
     $(function(){
       $("#ajaxFileUpload").click(function () {
         formDataUpload();
       });
     });
   </ script >
</ head >
< body >
   < input type = "file" id = "FileToUpload" multiple = "multiple" mame = "FileToUpload" />
   < input type = "button" id = "ajaxFileUpload" value = "上传" />
   < input type = "text" size = "10" />
</ body >
</ html >

###index.js 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function formDataUpload() {
   //这里可以一次性选中多个文件
   var fileUpload = document.getElementById("FileToUpload").files;
   if (fileUpload.length == 0) {
     alert("请选中文件再上传");
     return;
   }
   //html5新特性
   var formdata = new FormData();
   //添加上传数据
   for (var i = 0; i < fileUpload.length;i++){
     formdata.append('files', fileUpload[i]);
   }
 
   //使用javascript的原生ajax
   var xmlHttp = new XMLHttpRequest();
   xmlHttp.open("post", 'Handler.ashx?method=formDataUpload');
   xmlHttp.onreadystatechange = function () {
     if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
       alert("上传成功");
     }
   }
   xmlHttp.send(formdata);
}

###handler.ashx 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
public class Handler : IHttpHandler {
    
   public void ProcessRequest (HttpContext context) {
     formDataUpload(context);
   }
   public static void formDataUpload(HttpContext context) {
     //获取到客户端提交的文件
     HttpFileCollection files = context.Request.Files;
     string msg = string.Empty;
     string error = string.Empty;
     int fileM = 0;
     if (files.Count > 0) {
       for (int i = 0; i < files.Count; i++) {      ;
         String path = @"D:\"+files[i].FileName;
         files[i].SaveAs(path);
         fileM += files[i].ContentLength;
       }
       msg = "上传成功，文件总大小:" + fileM;
       string res = "{error :'" + error + "',msg:'" + msg + "'}";
       context.Response.Write(res);
       context.Response.End();
     }
   }
   public bool IsReusable {
     get {
       return false;
     }
   }
}

以上这篇asp.net使用H5新特性实现异步上传的示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我.

原文链接：http://blog.csdn.net/qq_25956141/article/details/78988185 。

最后此篇关于asp.net使用H5新特性实现异步上传的示例的文章就讲到这里了,如果你想了解更多关于asp.net使用H5新特性实现异步上传的示例的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： 2020最新小清新可爱女孩头像 我的少女心有一万吨
文章推荐： 当ES6遇上字符串和正则表达式
文章推荐： qq头像个性网女生部位图 不露脸的个性女生qq头像精选
文章推荐： http转https的实战记录（iis 7.5）
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com