选择文件 读取文件名到textarea

代码如下:

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

选择文件 读取文件名到textarea

选择文件之后,文件内容自动填充到

textarea 里
本文转自杨海龙的博客博客51CTO博客,原文链接http://blog.51cto.com/7218743/1707297如需转载请自行联系原作者

IT达仁
上一篇:智慧物联时代,联想共建“新制造”生态平台


下一篇:重新定义ERP?SAP推出“智慧企业”战略