<html>
<body>
<script script type="text/javascript">
function show()
{
var reader = new FileReader();
reader.onload = function()
{
alert(this.result)
}
var f = document.getElementById("filePicker").files[0];
reader.readAsText(f);
}
</script>
<input type="file" name="file" id="filePicker"/>
<div id = "div1">
</div>
<input type="button" value = "显示" onclick="show()"/>
</body>
</html>
相关文章
- 08-26vue读取本地的excel文件并显示在网页上
- 08-26web打开本地文件并读取内容
- 08-26创建一个目录info,并在目录中创建一个文件test.txt,把该文件的信息读取出来,并显示出来
- 08-26使用html5原生js对象FileReader+jQuery ajax实现文件上传并显示上传进度关键代码(兼容IE9、IE10、IE11)
- 08-26基于HTML5拖放API:目前市面上的一些修图工具软件带有自动为图片添加不同款式相框的功能,用户可以选择本地图片文件然后为其添加相框效果
- 08-26从数据库读取数据后显示成html标签
- 08-26Matlab 读取 pcd 文件转ply并显示
- 08-26iOS 少数doc,html文件在线无法打开,支持在线下载并打开
- 08-26纯前端 读取本地txt文件并展示
- 08-26解决md格式的文件上传到html页面,图片不能正常显示的问题