如何在文本区域添加文件附件和预览？答案

【问题标题】：How to add file attachment and preview in text area?如何在文本区域添加文件附件和预览？
【发布时间】：2017-09-20 11:31:07
【问题描述】：

我正在创建一个聊天框，该聊天框有表情符号和文件附件按钮。

现在表情符号可以正常工作，但文件附件预览未在文本区域显示任何想法或任何用于在文本区域附加文件的插件。

我的文本区域用表情符号代码写

<p class="lead emoji-picker-container" style="margin-top:35px;">
    <textarea class="form-control textarea-control" rows="3" placeholder="Type your message here..." data-emojiable="true" style="height:150px;"></textarea>
</p

任何人请帮助在文本区预览显示

提前致谢！！！

【问题讨论】：

发现以下具有类似问题的陈述。 stackoverflow.com/questions/750032/…

标签： javascript jquery ajax chat

【解决方案1】：

试试这样的：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<label for="upload">
  <textarea></textarea>
  <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
  <input type="file" id="upload" style="display:none">
</label>

【讨论】：

没关系，如何在文本区域内显示预览。