skills.rest
AYin-Z
AYin-ZCOMMUNITY
Explore all skills by this author →
GitHub

cloud-storage-web

Upload files and generate temporary URLs with the CloudBase Web SDK.

1|Updated Apr 13, 2026
Search Tags:#frontend#browser#upload#storage#cloudbase#web-sdk#temporary-url
One-click install
npx skills add https://github.com/AYin-Z/class_mansys --skill cloud-storage-web-ayin-z
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cloud-storage-web
Source: https://github.com/AYin-Z/class_mansys/tree/main/.trae/skills/cloudbase/references/cloud-storage-web
Command: npx skills add https://github.com/AYin-Z/class_mansys --skill cloud-storage-web-ayin-z

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables browser-based CloudBase storage operations using the Web SDK to upload files, generate temporary URLs, and manage storage objects without a dedicated backend.

Core Features & Use Cases

  • Browser-side uploadFile usage to store files under cloud paths
  • Generate temporary file URLs via getTempFileURL for secure previews and downloads
  • Delete and manage storage objects from the frontend in privacy-compliant workflows
  • Typical use case: a web app where users upload avatars, images, or documents and preview them instantly

Quick Start

Initialize the CloudBase Web SDK with your env, then upload a file using app.uploadFile and generate a temporary URL with app.getTempFileURL for immediate preview.

Frequently Asked Questions about cloud-storage-web

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I upload files from the browser to CloudBase storage?▼

You can generate temporary file URLs for secure previews in CloudBase by calling the app.getTempFileURL method from the Web SDK, which provides browser-side access for media and document previews.

Can I delete storage objects directly from frontend web apps?▼

Yes, you can delete storage objects directly from frontend web apps using the app.deleteFile method provided by the CloudBase Web SDK, enabling privacy-compliant file management workflows without a backend.

Do I need a dedicated backend to manage file downloads and uploads in CloudBase?▼

You do not need a dedicated backend to manage file downloads and uploads in CloudBase, as the Web SDK supports browser-initiated downloads via app.downloadFile and uploads via app.uploadFile independently.

How does browser-based CloudBase storage handle user avatar and media uploads?▼

Browser-based CloudBase storage handles user avatar and media uploads by initializing the Web SDK with an environment ID and calling app.uploadFile, then retrieving temporary URLs for instant client-side previews.

Related Skills

Explore More Software Engineering Skills→
MicrockMicrock
322

relational-database-mcp-cloudbase

Execute SQL operations and manage security rules on CloudBase Relational Database via MCP tools.

Community
Advanced
Noisemaker111Noisemaker111

convex-file-storage

Store, serve, and manage user-uploaded files with Convex storage.

Community
Advanced
lance-doniflance-donif

auth-nodejs-cloudbase

Manage user authentication and issue custom login tickets in CloudBase Node.js.

Community
Intermediate
TugoukezhangTugoukezhang
8

auth-wechat-miniprogram

Expose WeChat Mini Program user identity to CloudBase cloud functions.

Community
Intermediate