您的位置:首页 > 其它

选择文件 读取文件名到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 里

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  FileReader