前端Ａjax实现预览TXT文档（兼容UTF-8，ANCII,Unicode）

weiyuqingxin

于 2018-07-24 16:30:14 发布

阅读量3.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签：前端预览txt ajax的url传递多个参数 filereader

本文链接：https://blog.youkuaiyun.com/weiyuqingxin/article/details/81186424

最近在做文档的预览问题，在做txt的时候,原本是用HTML <object> 标签,但是读取的时候乱码，经查找资料，知道了原来txt文档默认的是ANCII编码，解决办法如下;

一、将ANCII转Unicode，但是没有成功，

//ASCII 转换 Unicode
function AsciiToUnicode(content) {
    result = '';
    for (var i=0; i<content.length; i++)
        result+='&#' + content.charCodeAt(i) + ';';
    return result;
}

二、后来再查找资料，知道了html5里面有FileReader函数，测试也是可以读取三种文件，但是不能对编码格式做设置，然后在项目中测试也失败了

<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.11.1.min.js"></script>
<title>js实现在线预览图片与TXT文档</title>
</head>

<body>
<input type="file" onchange="preview(this.files)" id="inputBox" />
<script>
function preview(files) {
if (files.length) {