<!DOCTYPE html>
<html>
<script>
function readText() {
var file=document.getElementById("file").files[0];
var reader=new FileReader();
reader.readAsText(file);
reader.onload=function(data)
{
var tt=document.getElementById("kami")
tt.innerHTML=this.result;
}
}
</script>
<style>
body{font-family: "Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica,
sans-serif;margin: 0 auto;}
.file {
position: relative;
display: inline-block;
padding: 4px 12px;
overflow: hidden;
color: #fff;
text-decoration: none;
text-indent: 0;
//line-height: 20px;
margin-top:0px;
font-size:12px;
border: solid 1px #0084cf;
border-radius: 3px;
color: #0084cf;
padding: 10px 15px;
font-size: 16px;
transition-duration: .5s;
}
.file input {
position: absolute;
font-size: 100px;
right: 0;
top: 0;
opacity: 0;
}
.file:hover {
background-color: #0084cf;color: #fff;transition-duration: .5s;
}
.btn_addnewdp {
border: solid 1px #0084cf;
border-radius: 3px;
color: #0084cf;
padding: 10px 15px;
font-size: 16px;
transition-duration: .3s;
}
</style>
<body>
<a href="javascript:;" class="file">上传TXT文件<input type="file" id="file" onchange="readText()"
/></a>
<textarea rows="5" name="kami" id="kami" class="i-text" cols="36"
style="height:180px;"></textarea>
</body>
</html>