币游国际平台

SvelteKit应用上传资产

最新更新:Jan-25-2024

概述

使用云端向SvelteKit应用添加资产上传能力上传部件.学习如何安装并配置上传部件, 包括如何用SvelteKit程序复杂性使部件工作

视频教程


视图代码
从教程中查找代码 GitHub.

教程内容

本教程介绍以下题目点击时标跳转到视频那部分

上传部件简介

跳转到视频中此点0:05 云形库有多种方式上传文件到媒体库,使你能够利用云形库广度特征和能力SvelteKit应用中,可快速简便地使用上传部件提供全上传经验。

向SvelteKit应用添加上传部件脚本

跳转到视频中此点0:31 启动基本SvelteKit程序并添加上传部件 JavaScript文件粘贴代码,您可以在代码中查找上传部件文档输入e.html.

添加新组件上传部件

跳转到视频中此点1:21 添加新文件调用UploadWidget.sveltesrc/lib/components可创建上传部件组件

初始化上传部件

跳转到视频中此点2:12 使用createUploadWidget方法初始化部件以云名传递(可在云名中查找)产品环境认证段您的控制台机板和无签名上传预置

创建上传预置

跳转到视频中此点2:37 云控制台导航设置 > 上传 > 上传预设创建新无签名上传预置.确定修改签名模式无签名中保存上传预设

创建回调函数

跳转到视频中此点三点零六分 创建新回调函数处理上传部件响应

添加按钮打开上传部件

跳转到视频中此点3点24分 请求简单按钮点击打开上传部件

测试出来

跳转到视频中此点3点51分 添加上传部件组件主控路线后浏览器打开a点击按钮打开上传部件并上传文件到媒体库打开媒体库看它成功上传

查找视频教程中的代码GitHub.


继续学习

相关题目

狦尺舧 砛尺舧

生成上传签名
生成时标并签名签名上传
上传部件
嵌入网站上传部件
上传CLI
上传图像应用背景清除

云学院

查查云学院免费自步云式课程开发者或DAM专题或注册正规教程虚拟或现场课程

反馈发送

评分本页 :