skills.rest
mrpersimmon
mrpersimmonCOMMUNITY
Explore all skills by this author →
GitHub

cloud-storage-web

Manage CloudBase storage uploads, downloads, deletions, and temporary URLs via @cloudbase/js-sdk.

Updated Aug 23, 2026
Search Tags:#file upload#cloudbase#web sdk#temporary url#storage objects#frontend security domains#download and delete
One-click install
npx skills add https://github.com/mrpersimmon/xiao-han-studio --skill cloud-storage-web-mrpersimmon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cloud-storage-web
Source: https://github.com/mrpersimmon/xiao-han-studio/tree/main/.agents/skills/cloudbase/references/cloud-storage-web
Command: npx skills add https://github.com/mrpersimmon/xiao-han-studio --skill cloud-storage-web-mrpersimmon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It solves the problem of securely uploading, downloading, previewing, and deleting CloudBase storage objects from a browser or Web app without guessing URLs or handling storage flows incorrectly.

Core Features & Use Cases

  • Browser Web SDK file operations: Upload files, delete files, and initiate downloads via @cloudbase/js-sdk.
  • Temporary private access: Generate short-lived temporary URLs for preview/download of private objects instead of exposing permanent links.
  • Security-domain/CORS readiness: Guide you to configure the exact frontend host:port in CloudBase security domains to avoid browser upload failures.

Quick Start

Tell the AI to “Show me how to initialize @cloudbase/js-sdk in a Web app and upload a selected image to CloudBase, then generate a temporary URL for 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 to CloudBase storage from a browser using the Web SDK?▼

Upload files to CloudBase storage from a browser by initializing the @cloudbase/js-sdk, selecting a file, and calling the upload method with a specified cloudPath to store the object.

Why does my CloudBase web file upload fail with a CORS error?▼

CloudBase web file uploads fail with CORS errors when the frontend host is not whitelisted. You must configure your exact frontend host and port in the CloudBase security domains to authorize browser requests.

How do I generate a temporary URL for CloudBase file preview in a Web app?▼

Generate a temporary URL for CloudBase file preview by calling the SDK's temporary URL method with the file's fileID, producing a short-lived link for safe private object access without exposing permanent links.

Can I use CloudBase Mini Program storage APIs for browser file management?▼

CloudBase Mini Program storage APIs are not suited for browser file management. You should use the @cloudbase/js-sdk Web SDK to handle browser-side uploads, downloads, and deletions within SPA scenarios.

What is the best way to delete CloudBase storage objects from a frontend SPA?▼

The best way to delete CloudBase storage objects from a frontend SPA is using the @cloudbase/js-sdk Web SDK's delete method with the correct fileID, ensuring proper authorization and avoiding Mini Program API misuse.

Related Skills

Explore More Software Engineering Skills→
yyds-xyyds-x

ai-model-web

Call CloudBase generateText and streamText from frontend apps via the JS SDK.

Community
Advanced
jngong-collabjngong-collab
1

cloud-storage-web

Manage CloudBase cloud storage file uploads, downloads, temporary URLs, and deletions via the Web SDK.

Community
Intermediate
neitui-coderneitui-coder

ai-model-web

Integrate AI text generation and streaming into web apps via Cloudbase SDK.

Community
Intermediate
lxb031018lxb031018
2

cloud-storage-web

Upload files, generate temporary URLs, delete objects, and download from CloudBase storage in browsers.

Community
Intermediate