littlebot
Published on 2025-04-15 / 0 Visits
0

【源码】基于七牛云存储的JavaScript前端SDK

项目简介

这是一个基于七牛云存储API的前端JavaScript SDK,具备文件上传、图片处理等功能。该SDK兼容H5 File API,支持大于4M的文件分块上传和断点续传,适用于IE11、Edge、Chrome、Firefox、Safari等现代浏览器。

项目的主要特性和功能

  1. 文件上传:支持大于4M的文件分块上传、断点续传,以及直传和分块上传的切换。
  2. 图片处理:提供图片缩略、裁剪、旋转等高级处理功能,支持获取图片基本信息和EXIF信息,还支持图片水印(文字水印和图片水印)。
  3. 数据处理:支持自定义元数据和变量,支持管道处理,可对图片进行链式处理。

安装使用步骤

准备

注册七牛账号并获取AccessKeySecretKey,设置上传的Bucket信息。

引入

  • 使用npm安装: shell npm install qiniu-js
  • 或直接从CDN引入: ```html

```

使用

  • 调用qiniu.upload进行文件上传。
  • 使用qiniu.compressImage进行图片压缩。
  • 使用qiniu.imageView2qiniu.imageMogr2qiniu.watermark等进行图片处理。

示例

项目内提供多个示例,包括上传文件、压缩图片等。运行示例:进入项目根目录,执行npm install安装依赖,然后运行npm run serve启动服务,访问http://0.0.0.0:8080/test/demo1等示例页面。

注意

  1. 上传文件时,需要后端生成上传凭证token,并在前端进行验证。
  2. 在上传图片前,可能需要使用服务端SDK或API设置上传策略。
  3. 对于私有存储空间,需要额外处理才能访问上传的资源。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】