个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
初学者的问题在这里。
我正在尝试将照片从网页直接上传到 cloudinary .
Here是 Cloudinary 推荐使用的 jQuery 插件。
不幸的是，该插件尚未记录，并且没有明确的“example.html”文件。
我试图了解插件代码，但到目前为止没有成功。
有人可以就“example.html”应该是什么样子指出我正确的方向吗？
谢谢。
最佳答案
下载 Jquery SDK 和 服务器sdk。
这是带有java服务器端的代码:
在服务器端生成签名:
这是 java 中的 JSP 代码:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %>
<%@ page import="java.sql.Timestamp" %>
<%@ page import="com.cloudinary.Cloudinary" %>
<%
String timestamp=(new Long(System.currentTimeMillis() / 1000L)).toString();
Cloudinary cloudinary = new Cloudinary("cloudinary://CLOUDINARY_URL");
Map<String, Object> params = new HashMap<String, Object>();
Map options = Cloudinary.emptyMap();
boolean returnError = Cloudinary.asBoolean(options.get("return_error"), false);
String apiKey = Cloudinary.asString(options.get("api_key"), cloudinary.getStringConfig("api_key"));
if (apiKey == null)
throw new IllegalArgumentException("Must supply api_key");
String apiSecret = Cloudinary.asString(options.get("api_secret"), cloudinary.getStringConfig("api_secret"));
if (apiSecret == null)
throw new IllegalArgumentException("Must supply api_secret");
params.put("callback", "http://www.mcbjam.com/Scripts/vendor/cloudinary/html/cloudinary_cors.html");
params.put("timestamp", timestamp);
String expected_signature = cloudinary.apiSignRequest(params, apiSecret);%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="../Scripts/vendor/jquery-1.9.1.min.js"></script>
<script src="../Scripts/vendor/cloudinary/jquery.ui.widget.js"></script>
<script src="../Scripts/vendor/cloudinary/jquery.iframe-transport.js"></script>
<script src="../Scripts/vendor/cloudinary/jquery.fileupload.js"></script>
<script src="../Scripts/vendor/cloudinary/jquery.cloudinary.js"></script>
</head>
<body>
<script type="text/javascript">
$.cloudinary.config({"api_key":"YOUR_API_KEY","cloud_name":"YOUR_CLOUD_NAME"});
</script>
<input name="file" type="file" id="uploadinput"
class="cloudinary-fileupload" data-cloudinary-field="image_upload"
data-form-data="" ></input>
<script>
var data = { "timestamp": <%= timestamp %>,
"callback": "http://YOUR_DOMAIN/cloudinary_cors.html",
"signature": "<%= expected_signature %>",
"api_key": "YOUR API KEY" };
$('#uploadinput').attr('data-form-data', JSON.stringify(data));
</script>
</body>
</html>
关于jquery-plugins - 如何使用 Cloudinary jQuery 插件直接从页面上传图像？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12019371/
25
4
0
有没有办法将图片批量上传到我的云帐户？ 我希望一次导入 100 张 3MB 的图像。 谢谢你。 最佳答案 您可以使用 Cloudinary 的上传 API 来一张一张上传图片。 Here is a s
我正在尝试进行 cloudinary 未签名上传。我有 html 中的文件标签，现在我尝试通过 JavaScript 初始化它。但是，我收到了奇妙的错误，即状态 $.cloudinary.unsign
我正在从浏览器直接向 Cloudinary 进行未签名的上传，并试图显示大型上传的进度。 我正在使用 cloudinary node library . 有没有什么方法可以在浏览器中使用 cloudi
我正在尝试将图像从 android 上传到 cloudinary，但我遇到了很多问题。我在 onCreate 方法中像这样初始化了 MediaManager: Map config = new Has
我按照教程使用 Cloudinary Widget 上传多张图片。我想使用签名上传。 https://cloudinary.com/documentation/upload_widget#signed
我已尽力使这段代码正常工作，但是，唉!肯定有什么问题。我试图列出 Cloudinary 中的所有 public_ids 。但它总是打印 null。下面是代码 - import java.util.Ha
这是一个简单的模型: 类产品(模型。模型): caption = models.CharField(max_length=1000) description=models.TextField() su
我是 cloudinary 和 Angular 的新手。我一直在寻找一种通过不使用 SDK 将图像上传到 cloudinary 的方法，因为 cloudinary 为我们提供了使用 post API
我已经在我的项目中安装了 Cloudinary sdk，但是当尝试从 sdk 创建变量时，出现以下错误 - 问题是我已经在我的项目中安装了cloudinary sdk，它位于我的“node_modul
我正在尝试基于此代码笔示例构建一个简单的 Cloudinary 图像上传:https://codepen.io/team/Cloudinary/pen/QgpyOK -- 我已经将它转换为与 fetc
有人可以告诉我如何将 Cloudinary 安装到我的 Strapi 应用程序中，我像文档所说的那样安装了插件，但该插件根本没有出现在我的项目中。谁能告诉我我做错了什么 最佳答案 Strapi 文档中
我想建立一个包含很多图像的网站，并因此对图像进行处理，例如亚马逊，ebay，flipkart等。建议我使用Cloudinary，Imgix等服务来调整图像大小，因为最好存储每个图像的一个版本，尽管我需
我正在使用 JavaScript 以未签名模式上传图像。生成的图像是空白图像，或者我可以说是填充黑色的图像。不知道出了什么问题。代码如下: var xhttp = new XMLHttpRequest
我正在实现 Cloudinary Jquery 上传。从我的文件上传网页，如果我浏览到另一个网站(google.com 或任何外部网站)，然后单击浏览器上的后退按钮进入同一文件上传页面，上传将失败。
我用来将书籍封面上传到 Cloudinary 的表单上有一个 input type='file'。不过，我也希望不允许上传图像，即当表单提交时，没有向 input type='file' 提供文件。
$http({method: 'POST', url: $rootScope.CLOUDINARY_CONFIG.upload_url, data : { file : c
我正在使用 Express.js 编写 REST API。该API需要接受来自客户端的视频文件并将其上传到cloudinary。当我使用 api 将文件返回给客户端(作为测试)时，一切正常。当我尝试将
我的代码在下面。我尝试通过 java 将图像上传到 cloudinary 但没有上传它显示以下错误 Exception in thread "main" java.lang.UnknownError:
这是我第一次在这里发帖提问。我正在构建一个具有图像上传功能的 meteor 应用程序。我找到了 meteor 的 cloudinary 包 https://github.com/Lepozepo/cl
我想将图像上传到 Cloudinary，使用cordova 相机插件直接从 Ionic 中的相机拍摄。我收到代码 1 的错误，显示消息“上传预设必须在未签名上传的白名单中”。 如何解决此错误。请帮助。
我是一名优秀的程序员,十分优秀！