基于vue-simplemde实现图片拖拽、粘贴功能

我们现在先写一段代码，让其屏蔽掉默认事件CodeMirror-scroll 这个Class就是 simplemde 编辑框的Class名称。现在我们拖拽文件到这个编辑框，然后松掉，不会出现任何反应。如果在编辑框之外的地方，还是会继续触发默认事件。下面就是获取 simplemde 方法，给他 drop 事件处理方法。所以这里需要使用 try...catch 方法进行判断。if 里的上传图片，不一样的地方是 [dataList[0].getAsFile()] ，因为为了统一格式，方便 uploadImagesFile 函数进行处理，我加上了 [] ，使之成为数组。dataList[0].getAsFile() 就是获取文件实例了。上传就有一点麻烦了：因为我是把 axiox 封装成vue插件来使用，这样会导致， this.$http 是实例化后的，而不是他本身。axios 维护者说的解决方案是，重新引入 axios 包，来使用。