跳转到内容

集中控制图像上传-图像大小、格式、缩略图生成、标签等

允许用户上传图像到网站或移动a或可限制上传图像的大小和格式或想对图像应用特定变换方法,如裁剪、重定大小并改编图像以适应网站的外观和感知除此以外,从新上传图像中制作各种缩略图是常见的

在许多情况下,图像上传选项在应用代码中硬编码这使得难以适应新设计要求和随时间推移引进新类型内容同时,如果你开发移动应用时,修改上传参数时,你可能不得不重新向应用商店提交应用并等待用户升级-在此之前,新图像设置不会产生效果

显示中央控制图像使用云式上传选项云化图像管理解决方案,即时实现图像上传过程 — — 并存云中帮助以最优方式向用户发送图像云形上传机制包括特殊选项,如热切生成基于脸部的缩略图、标定适配图像、回调通知、基于图像内容自动分类、图像格式转换和规范化等等

新特征调用上传预置允许您通过网络接口或API集中更新上传图像设置,同时自动应用所有网站和移动应用

云形上传预设包括更多上传参数云性上传参数可定义并载入预设预设可随时使用云管理控制台或管理员API修改并立即应用修改

上传预设的一些常见例子 :

  • 定义上传图像应限于一定大小并转换成给定图像格式通常做成一种“进化变换式”,在图像上传并存储云前对图像执行变换

  • 分配标签列表管理云端媒体库中图像或文件

  • 创建文件夹并整理上传图像到专用文件夹

  • 定义并更新回调通知URL, 允许应用从云端获取通知

  • 定义自上传后自动发生的图像变换并生成一个或多个处理图像-缩略图、基于脸部检测版本、Sepia或饱和等艺术特效等-自动匹配网站外观和感知(这些图像被称为eager图像变换)。

  • 限制图像上传到某些允许图像格式

  • 标识图像手动适配博客文章解释云端内置UI和API允许编辑温和、接受和拒绝用户上传图片

  • 启动自动备份上传文件

全表支持上传参数见文档页.

上传预设独有名称从代码上传图像时应用上传预置时,简单指定此名称为值上传_预置参数调用a

可分两类上传使用此参数:(1)由云端验证上传API服务器端调启动上传,(2)直接从用户浏览器上传云端-通过HTML页面签名文件输入字段上传

Ruby、PHP和Norde.js代码样本显示服务器端上传请求,指定上载预置命名2ozk9e:

'ta2ozk9e')","codeSnippet":"Cloudinary::Uploader.upload(\"sample.jpg\", :upload_preset => 'ta2ozk9e')"},{"sdkId":"php","framework":"php","language":"php","displayName":"PHP","packageName":"cloudinary_php","packageVersion":"1.x","packageStatus":"legacy","rawCodeSnippet":"\\Cloudinary\\Uploader::upload('sample.jpg', array(\"upload_preset\" => \"ta2ozk9e\"));","codeSnippet":"\\Cloudinary\\Uploader::upload('sample.jpg', array(\"upload_preset\" => \"ta2ozk9e\"));"},{"sdkId":"python","framework":"python","language":"python","displayName":"Python","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.uploader.upload(\"sample.jpg\", upload_preset = 'ta2ozk9e')","codeSnippet":"cloudinary.uploader.upload(\"sample.jpg\", upload_preset = 'ta2ozk9e')"},{"sdkId":"nodejs","framework":"nodejs","language":"javascript","displayName":"Node.js","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.uploader.upload('sample.jpg', function(result) { console.log(result) }, \n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ upload_preset: \"ta2ozk9e\" });","codeSnippet":"cloudinary.uploader.upload('sample.jpg', function(result) { console.log(result) }, \n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ upload_preset: \"ta2ozk9e\" });"},{"sdkId":"java","framework":"java","language":"java","displayName":"Java","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.uploader().upload(new File(\"sample.jpg\"), Cloudinary.asMap(\"upload_preset\", \"ta2ozk9e\"));","codeSnippet":"cloudinary.uploader().upload(new File(\"sample.jpg\"), Cloudinary.asMap(\"upload_preset\", \"ta2ozk9e\"));"}]" parsed-url="[]" with-url="false" > 加载代码示例

专用上传预集可定义每种图像用户上传应用可选择一组剖面图片上传和不同集上传共享相册

此外,如果使用经认证签名上传,您可以在上传API调用中指定自定义上传参数,这些自定义参数将覆盖上传预设值的默认设置

云端管理控制台可用于列表、创建和编辑上传预设

列表上传预置UI

预置名随机生成默认值,以确保唯一性内上传设置可编辑默认名并定义上传参数应用到此预设接口允许创建预设值、列表预设值、编辑现有预设值并删除未使用预设值

并应用云形图像变换作为上传预设的一部分上头编辑变换对话框显示如下,允许您交互定义图像变换,该变换应在图像上传后立即执行

编辑上传预置UI

举例说,很容易定义图像上传后云形生成缩略图、修改图像维度、旋转图像或圆角所有这些都自动应用,用户上传图像在保存为云存储前已经修改

或还想程序化管理预设Cloudinary提供认证管理员API管理您的账号上传预设

Ruby、PHP和Norde.js代码片段定义上传预设,将图像限制到2000x图片加贴为'移动上载'

\"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0:width => 2000, :height => 2000, :crop => :limit, :tags => \"mobile_upload\")","codeSnippet":"Cloudinary::Api.create_upload_preset(:name => \"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0:width => 2000, :height => 2000, :crop => :limit, :tags => \"mobile_upload\")"},{"sdkId":"php","framework":"php","language":"php","displayName":"PHP","packageName":"cloudinary_php","packageVersion":"1.x","packageStatus":"legacy","rawCodeSnippet":"\\Cloudinary\\Api::create_upload_preset(array(\"name\" => \"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0\"width\" => 2000, \"height\" => 2000, \"crop\" => \"limit\", \"tags\" => \"mobile_upload\"));","codeSnippet":"\\Cloudinary\\Api::create_upload_preset(array(\"name\" => \"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0\"width\" => 2000, \"height\" => 2000, \"crop\" => \"limit\", \"tags\" => \"mobile_upload\"));"},{"sdkId":"python","framework":"python","language":"python","displayName":"Python","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.api.create_upload_preset(name = \"mobile_profile_photo\", \n width = 2000, height = 2000, crop = \"limit\", tags => \"mobile_upload\")","codeSnippet":"cloudinary.api.create_upload_preset(name = \"mobile_profile_photo\", \n width = 2000, height = 2000, crop = \"limit\", tags => \"mobile_upload\")"},{"sdkId":"nodejs","framework":"nodejs","language":"javascript","displayName":"Node.js","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.api.create_upload_preset(function(result) { console.log(result) }, \n \u00a0\u00a0\u00a0\u00a0\u00a0{ name: \"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width: 2000, height: 2000, crop: 'limit', tags: \"mobile_upload\" });","codeSnippet":"cloudinary.api.create_upload_preset(function(result) { console.log(result) }, \n \u00a0\u00a0\u00a0\u00a0\u00a0{ name: \"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width: 2000, height: 2000, crop: 'limit', tags: \"mobile_upload\" });"},{"sdkId":"java","framework":"java","language":"java","displayName":"Java","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.api().createUploadPreset(Cloudinary.asMap(\n \"name\", \"mobile_profile_photo\", \n \"transformation\", new Transformation().width(2000).height(2000).crop(\"limit\").generate(), \n \"tags\", \"mobile_upload\"));","codeSnippet":"cloudinary.api().createUploadPreset(Cloudinary.asMap(\n \"name\", \"mobile_profile_photo\", \n \"transformation\", new Transformation().width(2000).height(2000).crop(\"limit\").generate(), \n \"tags\", \"mobile_upload\"));"}]" parsed-url="[]" with-url="false" > 加载代码示例

修改上传预设调用update_upload_presetAPI方法提供预设名

3000, :height => 3000, :crop => :limit, :tags => \"mobile_upload\",\n \u00a0\u00a0\u00a0\u00a0\u00a0:folder => \"users\")","codeSnippet":"Cloudinary::Api.update_upload_preset(\"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0:width => 3000, :height => 3000, :crop => :limit, :tags => \"mobile_upload\",\n \u00a0\u00a0\u00a0\u00a0\u00a0:folder => \"users\")"},{"sdkId":"php","framework":"php","language":"php","displayName":"PHP","packageName":"cloudinary_php","packageVersion":"1.x","packageStatus":"legacy","rawCodeSnippet":"\\Cloudinary\\Api::update_upload_preset(\"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0array(\"width\" => 3000, \"height\" => 3000, \"crop\" => \"limit\", \"tags\" => \"mobile_upload\", \"folder\" => \"users\"));","codeSnippet":"\\Cloudinary\\Api::update_upload_preset(\"mobile_profile_photo\", \n \u00a0\u00a0\u00a0\u00a0\u00a0array(\"width\" => 3000, \"height\" => 3000, \"crop\" => \"limit\", \"tags\" => \"mobile_upload\", \"folder\" => \"users\"));"},{"sdkId":"python","framework":"python","language":"python","displayName":"Python","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.api.update_upload_preset(\"mobile_profile_photo\", \n width = 3000, height = 3000, crop = \"limit\", tags => \"mobile_upload\",\n folder = \"users\")","codeSnippet":"cloudinary.api.update_upload_preset(\"mobile_profile_photo\", \n width = 3000, height = 3000, crop = \"limit\", tags => \"mobile_upload\",\n folder = \"users\")"},{"sdkId":"nodejs","framework":"nodejs","language":"javascript","displayName":"Node.js","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.api.update_upload_preset(\"mobile_profile_photo\", function(result) { console.log(result) }, \n \u00a0\u00a0\u00a0\u00a0\u00a0{ width: 3000, height: 3000, crop: 'limit', tags: \"mobile_upload\",\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0folder: 'users' });","codeSnippet":"cloudinary.api.update_upload_preset(\"mobile_profile_photo\", function(result) { console.log(result) }, \n \u00a0\u00a0\u00a0\u00a0\u00a0{ width: 3000, height: 3000, crop: 'limit', tags: \"mobile_upload\",\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0folder: 'users' });"},{"sdkId":"java","framework":"java","language":"java","displayName":"Java","packageName":"cloudinary","packageVersion":"1.x","packageStatus":"","rawCodeSnippet":"cloudinary.api().updateUploadPreset(\"mobile_profile_photo\", Cloudinary.asMap(\n \"transformation\", new Transformation().width(3000).height(3000).crop(\"limit\").generate(), \n \"tags\", \"mobile_upload\", \n \"folder\", \"users\"));","codeSnippet":"cloudinary.api().updateUploadPreset(\"mobile_profile_photo\", Cloudinary.asMap(\n \"transformation\", new Transformation().width(3000).height(3000).crop(\"limit\").generate(), \n \"tags\", \"mobile_upload\", \n \"folder\", \"users\"));"}]" parsed-url="[]" with-url="false" > 加载代码示例

使用下列代码列表所有上传预设

加载代码示例

图片在不同情况下上传需要不同的设置,但许多设置在所有上传图像中都常见因此,你可能想默认地对全部上传图像应用一定上传预置要做到这一点,您可标出特定预设默认.

定义默认预设表示所有不指定预设名称的上传请求都应用默认设置并意味着你现在可以修改现有制作网站或移动应用行为,即使你没有明确使用代码预设

举例说,您可修改iPhone直播应用程序,无需更新ab并添加下列上传选项:热切创建基于脸部检测缩略图以改善用户体验,添加标签iPhone上传,只允许文件类型JPG图像和手动调适标记

默认上传预集还应用到通过远程取回 URLs自动上传图像-见博客贴文图像自动迁移.

云形提供丰富的上传选项和图像变换能力贝斯特2200娱乐引入上传预设后,平台允许健康分离通用上传代码和上传设置中心控制台或API控制应用设置,不更新编译码或发布移动应用新版本

上传预设用于签名向云端上传请求,基础是公共API密钥和私有API密钥此外,我们还支持无签名客户端上传基于上传预置继续调用更多细节 关于我们新的 未签名上传特性

创建、管理并使用上传预设自己试一试打开免费账户.由下或途话大呼小叫脸书微博.

回顶

特征邮箱

Baidu
map