选择文件 读取文件名到textarea
2015-10-28 15:38
239 查看
代码如下:html:
<tr ng-if="!isUploadfile"> <td align="right" width="40%" style="font-weight: bold;">文件</td> <td width="80%"> <input type="file" id="uploadFile" id="uploadFile" onchange="handleFiles(this.files)"/> </td> </tr> <tr ng-if="!isUploadfile" > <td align="right" width="40%" style="font-weight: bold;">内容 <var style="font-weight: bold;color: red;">*</var></td> <td width="80%"> <textarea id="filecontent" ng-model="item.content" rows="8" style="width: 450px"></textarea> </td> </tr> js: /** * * 配置中心读取文件 * @param files yhl */ function handleFiles(files) { if(files.length) { var file = files[0]; var reader = new FileReader(); reader.onload = function() { $("#filecontent").val(this.result); }; reader.readAsText(file); } }效果图:选择文件之后,文件内容自动填充到
textarea 里
相关文章推荐
- 【前端图片处理】图片预览篇
- 黑马程序员_java初操作使用FileReader及FileWriter进行文件复制
- InputStream 和 Reader(字节流和字符流)
- Java 字符流的使用
- html5 图片预览
- 黑马程序员-------IO流(字符流)
- IO流的基础操作FileReader
- 黑马程序员-IO-字符流-FileWriter&FileReader
- java I/O中文件字节输入流 和字符输入流
- 黑马程序员——第18天——IO输入与输出(概述,字符流)
- JAVA学习笔记(三十二)- 字符流 FileReader & FileWriter
- java核心技术之IO流(三)FileReader和FileWriter
- js使用FileReader和Google的md5.js计算文件的MD5值
- 黑马程序员--IO(1)
- java读取文本文件(每次读一行)
- Java上路16-I/O
- FileReader的用法
- FileWriter的使用
- FileWriter,FileReader
- Java 读取xml文件中文乱码问题