无服务器图片生成缩略图

拖拽上传 OBS Browser+提供强大的拖拽上传功能，您可以将本地的一个或多个文件或者文件夹拖拽到对象存储的对象列表或者并行文件系统的对象列表中；同时您也可以将文件或文件夹拖拽到指定的目录上，这样可以上传到指定的目录中。拖拽上传可以轻松便捷地帮你把本地文件上传到OBS中。 父主题：

查看更多 →

拖拽组件 操作场景 在画布区域中，选中一个组件或多个组件（按住Ctrl键可选择多个组件），按住鼠标左键可进行拖拽。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，选中一个或多个组件，按住鼠标左键拖拽到对应位置。 图1 拖拽组件

查看更多 →

选择“视频配置”页签。 单击“视频拖拽”的“编辑”按钮，打开开关。 图1 配置视频拖拽 （可选）开启FLV按时间拖拽。 打开“FLV时间拖拽”开关，即可支持按时间拖拽播放FLV格式视频。 如果您开启了“flv时间拖拽”配置后，关闭了“视频拖拽”开关，则“flv时间拖拽”配置不生效。 （可选）自定义配置视频拖拽的开始和结束参数。

查看更多 →

定图片处理参数对图片文件进行图片剪切、图片缩放、图片水印、格式转换等处理。 接口约束 您必须是桶拥有者或拥有下载对象的权限，才能下载对象。建议使用IAM或桶策略进行授权，如果使用IAM则需授予obs:object:GetObject权限，如果使用桶策略则需授予GetObject权

查看更多 →

外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高

查看更多 →

通过js将图片转成base64编码 下方示例代码通过js将图片转换成base64编码。功能如下： 在页面加载完成后，给id为imgUpload的文件输入框添加了一个onchange事件监听器，当用户选择了一张图片后，就调用getBase64函数。 getBase64函数接收一个文

查看更多 →

在左侧面板中，将“图片”组件拖至中间面板“标题”组件下方，并在右侧边板设置图片地址（/besBaas/images/banner.png），设置图片高度为“165px”，宽度为“100%”。 图13 将“图片”组件拖至中间面板 图14 设置图片地址 图15 设置图片样式 在左侧面板

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

页面JS 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。

查看更多 →

在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框，选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。 缩放模式：单击下拉选项，可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。

查看更多 →

图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。 移动端独立设置：勾选后，可给移动端单独设置展示的图片。

查看更多 →

文件大小错误描述：当文件超过限制大小时，提示的错误描述。 预览：是否开启预览，只在图片时生效。 图片压缩：是否开启图片压缩功能，当前仅支持jpg、jpeg和png格式的图片。 压缩尺寸：当“图片压缩”开关打开时，该参数才会显示。图片压缩尺寸，分为保持原尺寸和自定义尺寸。 保持原尺寸压缩： 如果设置

查看更多 →

、分享或删除等操作。 支持拖拽上传文件或文件夹。 文件下载 在文件库中，可以在左侧树或右侧列表进行下载操作。 文件预览 单击文件名可以进行预览。 支持预览的文件类型： 图片：bmp/jpg/png/gif/svg 文本：pdf/txt/shell/js/css/html/xml/

查看更多 →

图片 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自 服务器 上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。

查看更多 →

页面JS 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。

查看更多 →

JS错误 JS错误展示站点的错误统计，包括：JS稳定性、JS错误列表以及JS错误率页面排行榜。 操作步骤 登录管理控制台。 单击左侧，选择“管理与监管 > 应用性能管理 APM”，进入APM服务页面。 在左侧导航栏选择“前端监控 >JS错误”，展示JS错误的性能数据。 图1 JS错误

查看更多 →

r/index.js 可选 自定义属性的编辑控件。 custom-panel/index.js 可选 自定义属性的面板。 design-time/index.js 可选 组件设计态。 resources目录 可选 组件相关静态资源，如组件图片。 index.js - 组件运行态。

查看更多 →

基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。 图1 标准页面 高级页面主要用于开发应用中较复杂的前端页面，例如包含图片、图表、视频、地图等元素的页面，您也可以将高级页面应用于开发网站、电商平台等，通过拖拽、布局组件，

查看更多 →

，默认为0，即铺满整个组件。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。

查看更多 →

尺寸位置 全局样式 图片：选择图片，您可以通过如下三种方式加载图片到大屏中。 在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框，选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。

查看更多 →

图片 图片组件用于展示图片的UI元素，提供直观的视觉信息。 在左侧组件区域，从“常用控件”中，选择“图片”组件，并拖拽至设计区，如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片：将文件拖拽上传区域内，或单击上传图片模块进行上传。 上传图片支持jpg、jpeg

查看更多 →