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

Question

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

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

我的文字区写emoji代码

<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

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

提前致谢！！！

Answer 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>

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

How to add file attachment and preview in text area?

javascript

ajax

jquery

chat