项目简介
这是一个基于七牛云存储API的前端JavaScript SDK,具备文件上传、图片处理等功能。该SDK兼容H5 File API,支持大于4M的文件分块上传和断点续传,适用于IE11、Edge、Chrome、Firefox、Safari等现代浏览器。
项目的主要特性和功能
- 文件上传:支持大于4M的文件分块上传、断点续传,以及直传和分块上传的切换。
- 图片处理:提供图片缩略、裁剪、旋转等高级处理功能,支持获取图片基本信息和EXIF信息,还支持图片水印(文字水印和图片水印)。
- 数据处理:支持自定义元数据和变量,支持管道处理,可对图片进行链式处理。
安装使用步骤
准备
注册七牛账号并获取AccessKey
和SecretKey
,设置上传的Bucket
信息。
引入
- 使用npm安装:
shell npm install qiniu-js
- 或直接从CDN引入: ```html
```
使用
- 调用
qiniu.upload
进行文件上传。 - 使用
qiniu.compressImage
进行图片压缩。 - 使用
qiniu.imageView2
、qiniu.imageMogr2
、qiniu.watermark
等进行图片处理。
示例
项目内提供多个示例,包括上传文件、压缩图片等。运行示例:进入项目根目录,执行npm install
安装依赖,然后运行npm run serve
启动服务,访问http://0.0.0.0:8080/test/demo1
等示例页面。
注意
- 上传文件时,需要后端生成上传凭证
token
,并在前端进行验证。 - 在上传图片前,可能需要使用服务端SDK或API设置上传策略。
- 对于私有存储空间,需要额外处理才能访问上传的资源。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】