__HTML_5读取文件API

//HTML5 __FileSystemApi

运行下面代码

复制代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<style>
  .thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
  }
</style>

<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>

<script>
  function handleFileSelect(evt) {
    var files = evt.target.files;
    for (var i = 0, f; f = files[i]; i++) {


      var reader = new FileReader();
      reader.onload = function(e){
          var span = document.createElement('span');
          span.innerHTML =this.result;
          document.getElementById('list').insertBefore(span, null);
      }

      reader.readAsText(f);
　　　 //reader.readAsArrayBuffer;
　　   //reader.readAsBinaryString;
 　　　//reader.readAsDataURL

    }
  }

  document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>
 
</body>
</html>
复制代码

 

本文作者：方方和圆圆

本文链接：https://www.cnblogs.com/diligenceday/p/3492823.html

版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   方方和圆圆  阅读(374)  评论(0)  编辑  收藏  举报

再过一百年， 我会在哪里？

💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
➖
收起
点击右上角即可分享
微信分享提示
AI IDE Trae