客户端上传

上头API上传方法文件通过服务器端码上传举例说,如果Web表格允许用户上传媒体文件,文件数据将先寄送服务器,然后才上传至Cloudinary

在某些情况下,你可能宁可直接从浏览器或移动应用向云端上传用户生成的内容,而不愿浏览服务器允许访问者更快上传并有更好的用户经验并减少服务机加载量 并降低程序复杂性

客户端上传可实现如下:

• A级直接调用API纯客户端应用无后端,您想设计自定义界面上传文件
• 云化上传部件交互特征丰富简单集成法直接上传文件云化消除开发内部交互文件上传解决方案的麻烦
• 通过云后端SDK直接从浏览器上传和云端jQuery插件,同时绕过自己的服务器

直接调用API

或无法使用云型SDK系统上传时,您可选择Cloudinary直接使用RESTAPI上传文件到产品环境代码探索者覆盖使用RESTAPI上传的一些假想

• 使用表单上传多文件通过非认证PST请求和客户端代码
• 块状资产从客户端上传大文件使用纯客户端代码上传
• 使用表表上传多文件验证请求需要调用服务器端组件生成签名.

代码探索者:使用表单上传多文件

例子显示一种方式使用RESTAPI直接调用向云形上传本地文件调用通过非认证PST请求实现,因为这是纯客户端代码,所以非签名上传预置docs_upload_example_us_preset)使用

代码中也可用GitHub.

代码探索者:从客户端启动资产上传

云型SDK包括上传大方法为块资产上传例子显示使用纯客户端代码上传大文件代码探索者使用字节内容实体头HTTP规范多次发送文件

代码中也可用GitHub.

代码探索者:使用表单上传多文件

例子显示一种方式使用RESTAPI直接调用向云形上传多文件执行验证请求时,需要调用服务器端组件生成签名使用API秘密 客户端绝对不可曝光从服务器获取签名和时间戳后,您可使用类似代码非认证示例,只是附加API键、时间戳和签名窗体Data.看吧signed-uploads/public/js/uploadclientform.js下例中

代码中也可用GitHub.

上传部件

云化上传部件是一种交互性功能丰富简单集成法,允许用户直接上传媒体文件至云化部件消除开发内部交互文件上传解决方案的麻烦

云形上传部件包含完全图形界面并允许网站访问者从多源上传文件或直接从计算机或移动设备相机上抓取照片部件支持拖放功能、交互裁剪、上传进度标识和缩略图预览,并监视处理上传错误上传部件行为可配置,外观和感知可定制化

云端上传部件需要纯JavaScript集成并易用高级特征使用jQuery时也可以使用

集成到网站很简单优先包括远程JavaScript文件上传部件

上传部件现在可用程序打开,例如cloudinary.openUploadWidget方法 :

更多资料和具体细节,包括参数openUploadWidget方法见上传部件文档.

从浏览器直接上传后端SDK

本节详细介绍如何使用云内后端SDKs直接上传文件云端并绕过自己的服务器CloudinaryjQuery插件启动,该插件需要小小设置:包括jQuery、CloudinaryjQuery插件、jQuery-File-Upload插件文件并定义云名和API密钥欲了解更多浏览器直接上传信息可见相关SDK集成指南.

激活签名客户端资产上传方式,将上传输入字段嵌入HTML网页云型SDKs有帮助者方法cl_image_upload_tag方法)自动向表单添加文件输入字段选择或拖动文件到此输入域将自动启动浏览器上传云性举例说,使用Ruby铁路公司(其他框架使用相同概念):

上传完成后,上传资产标识符定值为HTML页面中给定输入字段值图像i上例中的参数)处理控制器接收的标识符并存储供未来使用,完全仿佛使用标准服务器端上传

上传多项资产

文件输入字段可配置支持多文件同时上传多重性HTML参数真实性.手动绑定云化事件处理多传结果举个例子

显示预览缩略图并显示上传进度

CloudinaryjQuery库还提供增强上传经验-显示进度栏、显示上传文件缩略图、拖放支持等

绑到云房云化事件上传云内完成后通知访问上传资产全细节并使用云化jQuery插件显示云生成资产缩图

下样本代码创建上传图像150x100缩略图并用公共标识更新输入字段

您可以通过绑定下列事件跟踪上传进度:文件上载发送,fileuploadprogress,文件加载并文件加载失败.更多细节和选项Query-File-Upload文档.

avaScript代码更新进度栏fileuploadprogress事件数 :

更多例子和上传按钮样式定制相册样本项目.

删除客户端上传资产

CloudinaryjQuery库支持使用删除令牌删除客户端资产限时10分钟10分钟过后,图像无法从客户端删除,只能通过客户端删除毁灭方法上传API或使用贝斯特登录入口官网下载delete_resourcesodminAPI方法

上传响应中接收删除令牌return_delete_token参数上传法并设置真实性.使用非签名上传时不支持此参数(尽管上传预置非签名上传中可设置此参数)。

例举 :

上头删除令牌上传响应返回后可用逐行删除QuerySDK方法例举 :

或选,您可访问逐行删除端点直接POST请求例举 :