html多文件上传（html文件上传标签）

本篇文章给大家谈谈html多文件上传，以及html文件上传标签对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、html上传文件代码
• 2、请教HTML5中多文件上传时如控制可选择文件的个数
• 3、HTML选择不同选项上传到不同的文件夹
• 4、求助,html页面里，写多文件上传,在controller进行后台处理文件数据

html上传文件代码

在HTML标准中，XMLHttpRequest对象被重新定义，被称为“XMLHttpRequest Level 2”，其中包含了以下5个新特性：

1、支持上传、下载字节流，比如文件、blob以及表单数据。

2、增加了上传、下载中的进度事件。

3、跨域请求的支持。

4、允许发送匿名请求（即不发送HTTP的Referer部分）。

5、允许设置请求的超时。

在这篇教程中，我们主要关注第一和第二项特性，尤其是第二项——它能够提供我们想要的上传进度。和之前的方案不同，这个方案并不要求服务器作出特殊的设置，因此大家边看教程就可以边动手试试了。

上面图示的就是我们能够实现的内容：

1、显示上传的文件信息，比如文件名、类型、尺寸。

2、一个能够显示真实进度的进度条。

3、上传的速度。

4、剩余时间的估算。

5、已上传的数据量。

6、上传结束后服务器返回的响应。

另外，凭借XMLHttpRequest，我们的上传过程整个都是异步的，因此用户在上传文件的时候，依然可以操作网页当中的其它元素，并不需要专门等待上传的完成。而在上传结束后，我们能够获取服务器发回的响应，因此整个上传过程都显得相当顺理成章。

请教HTML5中多文件上传时如控制可选择文件的个数

!DOCTYPE HTML

html

meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

body

script type="text/javascript"

function onc(){

var files = document.getElementById("input").files;

for(var i=0; i files.length; i++){

alert(input.files[i].name);

}

}

/script

input type="file" id="input" name="input" multiple="multiple" /

button onclick="onc()"查看文件/button

/form

p请尝试在浏览文件时选取一个以上的文件。/p

/body

/html

HTML选择不同选项上传到不同的文件夹

是为这个选项框添加一个javascript事件函数，对选项框作出选择就会触发事件，在事件函数里根据选项的不同决定跳转的地址。

是选项框选择时先不跳转，点击提交的时候才进行跳转，这个需要在提交按钮上添加一个提交前事件，同样是javascript，在javascript函数里实现跳转。

第三种是动态web，在form里指定一个action，跳转到一个处理页面上，在这个页上通过获取request的请求参数来决定跳转到哪个地址。

HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。

HTML是由Web的发明者 Tim BernersLee和同事 Daniel WConnolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。

用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台UNIX， Windows等，使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件翻译成可以识别的信息，即现在所见到的网页。

求助,html页面里，写多文件上传,在controller进行后台处理文件数据

”及时响应数据“这句话没理解错的话应该就是异步更新的意思吧！

用MVC3有两个个好东西你一定要知道的：一个是AJAX.BegionForm,还有一个AJAX.ActionLink这两个是MVC3中提供的异步刷新处理数据的两个小玩意，可以学习下；

根据楼主的需求，当用户输入的时候就需要响应数据，那以上的两个方法都不行；因为楼主的需求是需要触发JS事件的，所以可以考虑用JS实现的异步提交，或者JQ;

下面JS代码：

script type="text/javascript"

var xmlhttp;

function loadXMLDoc(url, cfunc) {

//根据浏览器的不同选择初始化

if (window.XMLHttpRequest) { // Mozilla, Safari,...

xmlhttp = new XMLHttpRequest();

if (xmlhttp.overrideMimeType) {

xmlhttp.overrideMimeType('text/xml');

}

}

else if (window.ActiveXObject) { // 判断各种浏览器

try {

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

catch (e) {

try {

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.4.0");

} catch (e) {

alert("页面加载错误！");

return;

}

}

}

}

else {

alert("页面加载错误！");

return;

}

//End

xmlhttp.onreadystatechange = cfunc;

xmlhttp.open("GET", url, true);

xmlhttp.send();

}

// 使用 Callback 函数

function myFunction(id) {

loadXMLDoc("./AJAX/TimeTxt.cshtml?ID="+id, function () { //此地址为Action的地址，就是C层控制器的URl，这里需要根据你的需求来改，ID实际上就是传入的数据，ID在C层获取就行业务逻辑操作。

if (xmlhttp.readyState == 4 xmlhttp.status == 200) {

document.getElementById("myDiv").innerHTML = xmlhttp.responseText;//此为响应返回的数据把他放在一个ID为myDiv的div里面，比如return “hello”; div里面则显示hello.

}

});

}

/script

input type="text" onblur="myFunction(this.value)" name="id" value="" / //这句话的意思就是当用户输入完成时离开text的时候执行JS事件

div id="myDiv"/div

基本上就是这样了，不知道符合你的需求不！

关于html多文件上传和html文件上传标签的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。