html 5 读取本地文件API
2024-10-19 14:47:54
代码:
<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>
本文转载于:猿2048→https://www.mk2048.com/blog/blog.php?id=h22ikkc22hj
最新文章
- Java 实现函数回调
- 黑马程序员+ADO.Net基础(下)
- 用linqPad帮助你快速学习LINQ
- EF &ndash; 8.多对多关联
- 实时监听输入框值变化的完美方案:oninput &; onpropertychange
- careercup-C和C++ 13.6
- NET Portability Analyzer
- include 和 require 的区别
- DEV GridView嵌套
- MD5处理图片加密算法
- Android使用Home键后应用程序重启的问题
- Sass入门:第二章
- Java 类的加载过程(阿里面试题)
- C#码农的大数据之路 - 使用Azure Management API创建HDInsight集群
- vue组件的生命周期
- hi-nginx-javascript vs node.js
- js定时器 实现提交成功提示
- SP11470 TTM - To the moon
- python之路(2)集合(set)和字符串格式化
- 接口自动化测试持续集成--Soapui接口测试
热门文章
- Linux网络命名空间
- 字符串格式化String.Format
- 微信小程序+laravel 7+ Redis +短信宝 实现手机号验证码登录
- yum源出现 AppStream‘ 缓存失败,忽略这个 repo。同步仓库 ‘base‘ 缓存失败,忽略这个 repo 的问题解决办法
- 新的ASP.NET Core 迁移指南
- VS2022不能使用<;bits/stdc++.h>;的解决方案
- Java子类继承父类的执行顺序
- C#解析Markdown文档,实现替换图片链接操作
- 一些JDK自带的性能分析利器
- 在kali中安装两个版本的python