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

转载于:https://blog.51cto.com/7218743/1707297