融云发送文件和图片消息

融云发送文件和图片消息

前段时间集成了web端融云的聊天功能，但是只能发送普通消息，最近产品经理出了新需求，需要把文件发送和图片发送加上，那就撸起袖子走一遍。

官方文档说明地址如下：
https://docs.rongcloud.cn/v4/views/im/noui/guide/group/msgmanage/msgsend/web.html

看过文档之后，才发现发送文件和图片消息是分两步的，首先要实现文件和图片的上传，然后拿到数据后发送消息。融云默认是存储到七牛服务器的，其实也可以上传到自己的服务器，由于是个demo，我暂时就存储到七牛啦。

文件和图片上传

demo地址：https://github.com/rongcloud/rongcloud-web-im-upload，用到的文件可以从以上demo地址中拿到。

上传暂时还不支持npm的引如方式，需要在html中引入上截图中的三个文件，顺序如下：

<script src = "./send-data.js"></script>
<script src = "../upload.js"></script>
<script src="./init.js"></script>

然后在input的change事件中，触发以下方法：

 fileChange(evt, type) {
        this.currentType = type === 'img' ? RongIMLib.FileType.