问题标签 [cloudinary]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 如何避免文件上传时的 CORS 预检请求?
我正在使用 jquery-fileupload 来允许用户将文件上传到外部服务(更具体地说是 Cloudinary):
由于是外部目标,浏览器会发起 CORS 请求。但是,我注意到浏览器预先设置了 CORS 预检请求。 http://www.html5rocks.com/en/tutorials/cors/提供了关于何时触发预检请求以及何时不触发的很好的见解。据我所知,我的请求满足作为 CORS 简单请求的所有标准(请参阅“CORS 请求类型”部分)。
发送到外部服务的文件上传请求:
在文件上传请求之前发送到外部服务的附加预检请求:
有没有办法避免这个额外的预检请求?据我所知,文件上传请求是一个 CORS 简单请求,因为它是一个 HTTP POST,带有 Content-Type multipart/form-data 并且只有简单的请求 HTTP 标头。
我想摆脱额外的预检请求的原因是 Cloudinary 发送 HTTP 302/304 重定向作为对文件上传的响应。浏览器不遵循这些重定向。Chrome 失败并显示以下消息:
php - 尝试运行 cloudinary 的基本示例时出现致命错误
谁能指出我使用 cloudinary 的正确方向?我尝试了他们的基本示例,但遇到了以下错误。
ruby-on-rails - 通过 HTTP 或 HTTPS 提供图像
使用常规cl_image_tag(carrierwave_object)
将始终生成一个http://cloudinary-url
URL,如果大多数浏览器通过 https 连接到该网站,则该 URL 将无法加载。是否可以制作云服务 URL,例如//cloudinary-url
让浏览器可以选择协议本身,而无需找到每个cl_image_tag
调用并手动更改它?
请注意,我将cloudinary_rb
gem 与 Rails 3.2.x 一起使用
谢谢!
ruby-on-rails - ckeditor - 使用附件而不是回形针/载波
我目前正在使用附件 gem 将图像存储在 Cloudinary 上。我只是想知道是否可以将回形针/载波换成附件。由于 imagemagik 的依赖性,我在使用回形针时遇到了麻烦,并且希望坚持使用 Attachinary 来使用 ckeditor 保存带有图像的博客文章,因为 Attachinary 使得往返于 Cloudinary 的“CRUD”图像变得如此微不足道。
或者也许有人对我有更好的想法。我想要实现的是用户在 Rails 应用程序中创建博客文章的简单方法。希望获得某种所见即所得的方式让用户写博客文章并在文章的某些点插入图片。我在想类似于堆栈溢出编辑器的方式会很好。它确实需要简单,只是文本和附加图片,也许斜体粗体下划线,但我并不需要字体。也许是一种让用户添加一些类似于你在网络上看到的基础/引导引述(我相信它是用 CSS 完成的)的引述标签的方式来做广告。也许一些简单的格式和一些列表。不幸的是,没有什么是一成不变的。
也许对这个编辑器的堆栈溢出的一些见解会有所帮助......我假设他们可以在存储问题后完全按照自己的喜好重新排列格式......
ruby-on-rails - 在 Lib 文件中访问 Cloudinary Helper 时遇到问题
我正在尝试扩展 RedCarpet 降价解析器以使用我在应用程序中创建的媒体库中的图像。
我使用 Cloudinary 作为图像存储/CDN,并且有一个媒体表,用于将图像的公共 id 存储在 Cloudinary 中。这都很好。
我在 /lib 下创建了一个名为 reddress.rb 的文件,其中包含以下代码。我已经使用它一段时间来毫无问题地呈现 Markdown 格式的文本。但是,现在我正在尝试使用 cloudinary 方法使用通过其 ID 引用媒体记录的短代码来扩展降价。
问题是代码在 cloudinary 帮助程序中找不到 cl_image_tag 方法,即使需要 .rb 文件也是如此。
正在调用该库,并且在没有 cl_image_tag 的情况下它可以工作,并且我已经重新启动了服务器(每次进行更改时都必须这样做。)
我正在使用带有 Ruby 2.0.0 的 Rails 4。
有什么建议么?
ruby-on-rails - Cloudinary:cloudinary_url() 方法后备
cloudinary_url()
如果 Cloudinary 不可用(例如在 dev 离线工作时),使用时是否有备用选项?
在这种特殊情况下,我已将我的静态资产上传到 Cloudinary 并cloudinary_url
在我的 css 中使用来拉入背景图像。例如:
但是,如果 Cloudinary 不可用,我希望它回退到/assets/images/background.jpg
ruby-on-rails - CKEditor、CarrierWave、Cloudinary 图片上传
我有一个 Rails 4 应用程序,我正在尝试将 CKEditor 添加到博客创建页面。我实际上有几个不同的问题,但我会坚持这里的一个。
目前我有一个Image
模型,我可以毫无问题地将图像成功上传到 Cloudinary。完美运行。
我的宝石文件:
我还运行了 ckeditor rails 命令:
rails generate ckeditor:install --orm=active_record --backend=carrierwave
由于我已经坚持了几天,我不记得我采取的所有步骤,但我相信此时我能够链接到图像,我相信甚至可以将它们存储在本地。太好了,除了我想将它们存储在 Cloudinary 上...
我记得我已经尝试过,镜像我的ImageUploader.rb
文件,但它不起作用,我知道我试图只是在CKEditorPictureUploader
里面交换models/ckeditor/picture.rb
我也在这里遇到了类似的 StackOverflow 帖子:
CKEditor Carrierwave Cloudinary
尝试这个 StackOverflow 帖子中的建议,它的行为就像是将图像上传到服务器,但它只是永远挂在那里。在 chrome 中我看不到任何错误,所以我想也许它只是很慢……但我把它留了一夜,然后又回到了同一个地方。所以我去了firefox并打开了firebug,并注意到它正在尝试发布,但它得到了500 internal server error
链接SO帖子的建议。当我点击POST pictures?CKEDITOR=blog...
萤火虫中的错误时,我得到:
我完全被困在这里......
ruby-on-rails - 附件文件上传缩略图大小?
我正在使用 Ruby on Rails 中的 Attachinary Gem 上传到 Cloudinary。
文件上传表单助手会在上传后自动生成一个 75x75 的缩略图,并且在您进行编辑时(如果它存在)。
有没有办法改变这个缩略图大小来代表原始图像的正确比例?
上传表单助手现在看起来像这样:
谢谢。
javascript - $injector:modulerr 由于 $injecto 无法实例化模块 cloudinary
我正在构建一个 MEAN 应用程序。我从这个模板开始:https ://github.com/linnovate/mean
我想添加一个模块(称为 cloudinary),所以我遵循了这个:http ://cloudinary.com/documentation/node_integration#getting_started_guide (即:做了一个 npm 安装并在我的 server.js 中添加了配置)
我还在我的 bower.json 中添加了这个:
顺便说一句,这有必要吗?我这样做是为了访问我的 public/lib 存储库中的 cloudinary js 文件。这是一个好习惯吗?我不确定,但无论如何它确实创建了一个 public/lib/cloudinary 代表。
然后我在我的 app.js 中添加了这个:
我将其用于直接 html 上传:http ://cloudinary.com/documentation/node_image_upload#direct_uploading_from_the_browser
所以我将此添加到我的 assets.json 文件中(将其添加到页脚中的所有页面中:
当我转到我的应用程序时,我收到此 js 错误:
我可能忘了在某处声明一些东西,但不知道在哪里看......
javascript - 如何从我的控制器调用 cloudinary 模块
我正在构建一个 MEAN-STACK 应用程序(这对我来说是新的)并从这个模板开始:https ://github.com/linnovate/mean
我想添加一个模块(称为 cloudinary),所以我遵循了这个: http ://cloudinary.com/documentation/node_image_upload#direct_uploading_environment_setup
(npm install、bower 等......完成)
我被困在这条线上(不知道该怎么做):
cloudinary.uploader.image_upload_tag('image_id', { callback: cloudinary_cors });
在我的应用程序中有一个控制器和一个服务。如果我把它放在控制器中,我会收到消息“cloudinary is undifined”。也许我应该把它放在服务文件中,但我不知道怎么做。我在我的 html 页面中创建了一个表单,其中包含一个输入,该输入应该从我的控制器上传一个调用“cloudyPost()”函数的文件。
这是我的控制器、服务和页面的代码:
mycars.js(服务):
mycars.js(控制器):
我的html页面:
你能帮我把所有这些整合在一起并让它工作吗?谢谢你。
这里添加的是我页面最后包含的js):