代码:

<input type="file" name="uploadfile" class="J-upload">

<script>
//上传后
var upLoaded = function(evt) {
var fileString = evt.target.result;
console.log(fileString); //文本内容
};
//change事件
var updateUploadFile = function(evt){
var $target = $(evt.target);
var path = $target.val();
var file = path.match(/[^\/\\]+$/gi)[0];
var filterType = 'txt';
var rx = new RegExp('\\.(' + (filterType ? filterType : '') + ')$', 'gi'); //过滤文件
if(file.match(rx) == null){
alert('请上传txt文件');
return;
} var files = evt.target.files; // FileList object
if (files[0]) {
var reader = new FileReader();
reader.readAsText(files[0]);
reader.onload = upLoaded;
}
}; $('.J-upload').bind('change', $.proxy(updateUploadFile, this)); </script>

参考:
W3C File API
通过 File API 使用 JavaScript 读取文件

本文转载于:猿2048→https://www.mk2048.com/blog/blog.php?id=h22ikkc22hj

最新文章

  1. Java 实现函数回调
  2. 黑马程序员+ADO.Net基础(下)
  3. 用linqPad帮助你快速学习LINQ
  4. EF &ndash; 8.多对多关联
  5. 实时监听输入框值变化的完美方案:oninput &amp; onpropertychange
  6. careercup-C和C++ 13.6
  7. NET Portability Analyzer
  8. include 和 require 的区别
  9. DEV GridView嵌套
  10. MD5处理图片加密算法
  11. Android使用Home键后应用程序重启的问题
  12. Sass入门:第二章
  13. Java 类的加载过程(阿里面试题)
  14. C#码农的大数据之路 - 使用Azure Management API创建HDInsight集群
  15. vue组件的生命周期
  16. hi-nginx-javascript vs node.js
  17. js定时器 实现提交成功提示
  18. SP11470 TTM - To the moon
  19. python之路(2)集合(set)和字符串格式化
  20. 接口自动化测试持续集成--Soapui接口测试

热门文章

  1. Linux网络命名空间
  2. 字符串格式化String.Format
  3. 微信小程序+laravel 7+ Redis +短信宝 实现手机号验证码登录
  4. yum源出现 AppStream‘ 缓存失败,忽略这个 repo。同步仓库 ‘base‘ 缓存失败,忽略这个 repo 的问题解决办法
  5. 新的ASP.NET Core 迁移指南
  6. VS2022不能使用&lt;bits/stdc++.h&gt;的解决方案
  7. Java子类继承父类的执行顺序
  8. C#解析Markdown文档,实现替换图片链接操作
  9. 一些JDK自带的性能分析利器
  10. 在kali中安装两个版本的python