一个体验更好的七牛文件管理工具qiniu-web

Posted by yuk on 2016-06-23

项目地址 https://github.com/yukrain/qiniu-web

七牛官方的文件管理工具是不支持目录式的管理方式,就想着再造一个轮子。

  • 服务器使用Express4.0
  • 前端 antd + react + webpack

配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
$ cd config
$ cp config_sample.js index.js
###配置七牛密钥
var config = {
qiniu: {
ACCESS_KEY: "",
SECRET_KEY: "",
domain:{
'bucketName1': "http://domain.com", //文件访问域名
'bucketName2': "http://domain2.com",
}
}
};

安装

1
npm install

启动webpack

1
2
npm run webpack-dev   开发环境
npm run webpack-pro 部署打包

在浏览器中打开

1
http://localhost:3000/

已实现功能

  • 批量上传
  • 批量删除
  • 批量移动
  • 覆盖上传
  • 删除文件
  • 移动文件
  • 下载文件
  • 图片预览
  • 刷新缓存

预览

界面

pic1

多选编辑

pic2