首先,我必须说 documentation for Cloudinary jQuery plugin is terrible . 需要有一个完整的工作演示,可以检查和复制/粘贴 .
我一直试图在今天整天实现这个插件无济于事 . 每次网络服务器发送请求时,我都会收到401未经授权的响应 . Obviously I have already double and triple-checked the API key, and it is correct.
请注意,出于这个问题的目的,我已经混淆了下面的源URL和api密钥......
我的请求:Origin http:// someurl X-Requested-With XMLHttpRequest User-Agent Mozilla / 5.0(Macintosh; Intel Mac OS X 10_8_3)AppleWebKit / 536.29.13(KHTML,类似Gecko)Version / 6.0.4 Safari / 536.29 .13内容类型多部分/表格数据; boundary = ---- WebKitFormBoundaryiv0wUvjBAxsYJx1q接受application / json,text / javascript,/; q = 0.01 Referer http://someurl/cloudinary.html multipart / form-data Boundary ---- WebKitFormBoundaryiv0wUvjBAxsYJx1q Size 187B
这是来自cloudinary的响应:
状态401连接保持活动内容长度40 X-Request-Id ac82262506edc9fb37fd533383c3f650 X-UA兼容IE = Edge,chrome = 1服务器cloudinary Access-Control-Max-Age 1728000访问控制允许方法POST,GET,选项Content-Type application / json; charset = utf-8 Access-Control-Allow-Origin http:// someurl Cache-Control no-cache {“error”:{“message”:“Unknown API key”}}
我的HTML页面有以下内容
<html>
<body>
<input type="file" class="cloudinary-fileupload" data-cloudinary-field="image_upload" data-bind="attr:{'data-form-data':formData, name:tag}" data-form-data="%7B%22public_id%22%3A%221_overall%22%2C%22tags%22%3A%22overall%22%2C%22format%22%3A%22jpg%22%2C%22timestamp%22%3A%221367772489%22%2C%22callback%22%3A%22http%3A//someurl/cloudinary_cors.html%22%2C%22signature%22%3A%2205767fbf65bfff181c6ccc65b90a457a4a9189e0%22%2C%22api_key%22%3A%22some_api_key%22%7D" name="overall">
<div class="preview"></div>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/jquery-ui.min.js"></script>
<script src="js/vendor/jquery.iframe-transport.js"></script>
<script src="js/vendor/jquery.fileupload.js"></script>
<script src="js/vendor/jquery.cloudinary.js"></script>
<script type="text/javascript">
$.cloudinary.config({"api_key":"some_api_key","cloud_name":"some_cloud_name"});
$('.cloudinary-fileupload').bind('cloudinarydone', function(e, data) { $('.preview').html(
$.cloudinary.image(data.result.public_id,
{ format: data.result.format, version: data.result.version,
crop: 'scale', width: 200 }));
$('.image_public_id').val(data.result.public_id);
return true;
});
</script>
</body>
</html>
1 回答
data-form-data属性需要进行HTML编码而不是URL编码,例如,示例中的数据表单数据应该是: