magic-upload-image

基于Vue.js 1.0 模拟Github issues 的图片上传组件

支持图片上传方式

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

Demo地址: demo

实现方式

浏览器

• 截图黏贴上传使用 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 leancloud-code 文档

开发

# install dependencies npm install  # serve with hot reload at localhost:3002 npm run dev  # build for production with minification npm run build  # run koa server npm run koa

发布到leancloud

# 安装lean工具 npm install -g leancloud-code  npm run build  lean add <app> <app-id>  # 发布测试 lean deploy  # 发布正式 lean publish