您已经在GitHub上看到了一个多功能的拖放图像上传组件。

支持图片上传方式

• 截图黏贴上传
• 拖拽上传
• 选择图片

安装和下载：

$ npm install magic-upload

浏览器

• 截图黏贴上传使用 paste 事件, 浏览器的支持度：caniuse paste
• 拖拽上传 drop drag 事件
• 选择图片 from 表单 change 事件

服务端 node

• dev-upload.js 基于 express 写的开发用的图片上传服务，图片保存在本地，启动方式 npm run dev
• koa-es6-server.js 基于 koa es6 写的图片上传服务，图片保存在本地， 启动方式 npm run koa
• lean-server.js 基于 express 写的 leancloud node服务器，图片上传后保存在leancloud

---

官网：https://github.com/xiaokaike/magic-upload-image

演示：https://www.vue365.cn/code_demo.php?id=4092

GitHub下载：https://github.com/xiaokaike/magic-upload-image/archive/master.zip