# prototype-html

**Repository Path**: cck_2/prototype-html

## Basic Information

- **Project Name**: prototype-html
- **Description**: 原型设计：HTML 实现
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-10-22
- **Last Updated**: 2026-11-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目介绍
这个项目是一个基于html的原型项目，用于展示一些功能和效果。

## OSS 文件上传

通过 HTTP 或 HTTPS 打开首页，在「常用工具」进入「OSS 文件上传」。

1. 在 OSS 控制台确认 `biz-prod` 的地域。配置存储桶 CORS，允许页面所在的源发起 `GET`、`PUT` 和 `POST` 请求，允许的请求头设为 `*`，并暴露 `ETag` 和 `x-oss-request-id`。上传需要 `oss:PutObject` 权限，浏览和统计目录需要 `biz-prod` 的 `oss:ListObjects` 权限。
2. 在内网部署目录的 `ossUpload/oss-config.local.js` 中提供共享配置。配置格式如下。

   ```js
   window.ossUploadConfig = {
     region: "oss-cn-hangzhou",
     accessKeyId: "填写 AccessKey ID",
     accessKeySecret: "填写 AccessKey Secret"
   };
   ```

3. 上传目录默认是 `26th-cifit`，可以修改完整目录。拖入文件或文件夹后会自动上传，保留目录结构，跳过空文件夹。队列按文件显示进度，失败后可单独重试或批量重试。成功记录保存在当前浏览器的 `localStorage`，支持搜索和分页查看。
4. 点击「查看 OSS 文件」浏览 `26th-cifit/`。点击「统计目录大小」会递归分页读取当前目录中的文件并汇总大小。

页面使用阿里云 Browser.js SDK 直传，部署范围为内网站点。内网站点的访问者可以读取该配置文件。