JavaScript 加载文件--替换换行符

第一天接触 JavaScript ，纯属学习。这里演示加载的文件仅限于文本文件，因为示例里是要把文件内容显示出来。

有 html 文件如下：

<!DOCTYPE html>
<html>
<head>
<title> upload file </title>
<meta charset="UTF-8">
<input type="file" id="fileUpload" hidden/>
<button id="btnUpload" type="button">choose file...</button>
<script src="upload.js"></script>
</head><body></body>
</html>

这个html 页面显示的效果就是这个样子，输入框已经被隐藏掉了：

有 js 文件如下：

var btnUpload = document.getElementById("btnUpload");
btnUpload.onclick = function (ev) {console.log(ev);input.click();
}var input = document.getElementById('fileUpload');
input.onchange = function(ev) {if(!ev.target.files[0]) {return;}var fileName = ev.target.files[0];var reader = new FileReader();reader.readAsText(fileName, "UTF-8");reader.onload = function(e) {var content = reader.result;if(content.length > 0) {content = content.replace(/\n/g, "</br>");document.write(content);         } else {window.alert("you select a null file!!!");}}
};

按钮的单击事件绑定到 input.click() 事件上了。然后是获取文件名，加载文件内容，替换换行符，最后直接显示内容。

加载0长度的文件时：

JavaScript 加载文件--替换换行符相关推荐

未能加载文件或程序集Noesis.Javascript.DLL或它的某一个依赖项。找不到指定的模块。
一.问题未能加载文件或程序集"noesis.javascript.dll"或它的某一个依赖项.找不到指定的模块. 二.解决办法是因为缺少Visual C++的类库所致的. 可以 ...
html资源加载,如何加载文件资源 (HTML)
如何加载文件资源 (HTML) 01/28/2016 本文内容 [ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员.如果你要针对 ...
linux中excel的换行符,Excel skill: 如何替换换行符，以及如何把一格转换成多行/多列...
增加一辅助列,用替换函数替换掉软回车. 比如A列是数据,从A1开始,则插入B列,B1输入公式 =REPLACE(A1,FIND(CHAR(10),A1),1,"") 再用填充柄向下 ...
未能加载文件或程序集“Oracle.DataAccess, Version=2.112.1.0, Culture=neutral, PublicKeyToken=89b483f429c47342...
若本机的Oracle版本是64位系统,则在调用Oracle数据的时间报以下错误: [未能加载文件或程序集"Oracle.DataAccess, Version=2.112.1.0, Cult ...
未能加载文件或程序集“Antlr3.Runtime”或它的某一个依赖项。参数错误。 (异常来自 HRESULT:0x80070057 (E_INVALIDARG))解决方法。...
前一天晚上VS卡死,强制关闭后就没理他,然后晚上回去又经历了一次过热断电关机和一次蓝屏,当然我也不知道这些和他有没有关联,第二天早上打开程序出现了:"未能加载文件或程序集"Antl ...
未能加载文件或程序集mysql.web.v20__关于MySQL Server影响ASP.NET网站使用的问题：未能加载文件或程序集MySql.Web.v20...
标签: 最近开发的ASP.NET MVC 4网站,之前头头说如果遇到装过MySQL的机器就绕着走,还觉得奇怪嘛,该来的迟早都会来于是撞上了一台启动网站再访问,总是出错,提示"未能加载文 ...
从MDK分散加载文件学习STM32启动流程
一直在用ARM的Cortex-M系列做产品开发,也陆陆续续学习了ARM的启动流程.汇编启动文件,但是总感觉没有连贯的把全部知识串起来,不知道某些汇编语句为什么要这么写,没法按照自己的情况进行修改.今天 ...
[Cortex-M3]-3-分散加载文件解析（.sct）
[Cortex-M3]-1-启动流程-启动文件 [Cortex-M3]-2-map文件解析 [Cortex-M3]-3-分散加载文件解析(.sct) [Cortex-M3]-4-如何在内嵌RAM中运行 ...
AForge “未能加载文件或程序集“AForge.Video.FFMPEG.dll”或它的某一个依赖项。找不到指定的模块”
问题:未能加载文件或程序集"AForge.Video.FFMPEG.dll"或它的某一个依赖项.找不到指定的模块. 1.Aforge.Net子项目有个AForge.Video.VF ...

JavaScript 加载文件--替换换行符

JavaScript 加载文件--替换换行符相关推荐

最新文章

热门文章