Html5增强的文件上传域
<!DOCTYPE html>
<html>
<head>
<title>Html5增强的文件上传域</title>
</head>
<body>
<form>
上传文件（txt,单选）：<input type="file" id="file1" accept="txt/*" />
<input type="button" value="显示文件信息" οnclick="showFile1()"><br/>
上传文件（txt,多选）：<input type="file" id="file2" accept="txt/*" multiple />
<input type="button" value="显示文件信息" οnclick="showFile2()"><br/>
上传图片（image）：<input type="file" accept="image/*"><br/>
<input type="submit" value="submit"><br/>
<input type="reset" value="reset">
</form>
<script>
function showFile1(){
var file=document.getElementById("file1");
showFiles(file);
}
function showFile2(){
var file=document.getElementById("file2");
showFiles(file);
}
function showFiles(file){
var fileList=file.files;
for(var i=0;i<fileList.length;i++){
div=document.createElement("div");
div.innerHTML="第"+(i+1)+"个文件：文件名="+fileList[i].name+",文件类型="+fileList[i].type+",文件大小="+fileList[i].size;
document.body.appendChild(div);
}
}
</script>
</body>
</html>
读文件--Text
var readFile=function(){
if(FileReader){
reader=new new FileReader();
}else{
alert("你的浏览器不支持FileReader");
}
reader.readAsText(document.getElementById("file1").files[0] , "gbk");
reader.onload = function()
{
document.getElementById("result").innerHTML = reader.result;
};
};读文件--二进制流reader.readAsBinaryString(document.getElementById("file1").files[0]);reader.readAsDataURL(document.getElementById("file1").files[0]);
8930
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
