fileReader

2016-12-11 10:51:40   0  举报





仅支持查看

FileReader 是一个用于读取文件内容的对象，它提供了一种简单、灵活的方式来读取文本或二进制文件。通过 FileReader 对象，我们可以将文件内容转换为字符串或 ArrayBuffer，以便在网页上显示或进行进一步处理。FileReader 支持异步和同步读取模式，可以设置读取的字符编码，以及处理读取过程中的错误。使用 FileReader 时，需要将其与 File 或 Blob 对象一起使用，以指定要读取的文件。

作者其他创作

大纲/内容

一旦文件读取成功，则onload事件

本地文件的数据以base64编码形式被读入内存，放在 evt.target.result;里面

var reader = new FileReader();

\t \t<script type=\"text/javascript\" src=\"resources/assets/js/jquery-2.1.0.js\" </script>\t<script type=\"text/javascript\" src=\"resources/assets/js/amazeui.min.js\"</script>\t<script type=\"text/javascript\" src=\"resources/assets/js/app.js\" </script>\t<script type=\"text/javascript\" src=\"resources/assets/js/blockUI.js\" </script>\t<script type=\"text/javascript\" src=\"resources/assets/js/charts/echarts.min.js\" </script>\t<script type=\"text/javascript\" src=\"resources/assets/js/charts/indexChart.js\" </script>\t\t\t<script> \t \t\tfunction up(){\t\t var file0 = document.getElementById(\"photoTurn0\").files[0]; \t\t var file1 = document.getElementById(\"photoTurn1\").files[0]; \t\t var file2 = document.getElementById(\"photoTurn2\").files[0]; \t\t \t\t\t var form = new FormData(); \t\t\t form.append(\"photoTurn\

onload是在reader对象读取完本地文件后出发的实践

reader.readAsDataURL(file.files[0]);

reader.onload = function(evt){img.src = evt.target.result; }

方便地方

，跟json一样类似的赋值方式---键值对；对于文件也是同一个键值对，值是文件对象，而且其上传方式在基础的ajax上就可以上传，测试过上传多个文件框的单文件成功，没有测试过一个文件筐的多文件

formdata装载文件，文本信息框，挺方便的，发送到服务器端