直接上传到Cloudinary从浏览器错误的请求

Question

我得到试图上传与下面的代码cloudinary当一个400错误的请求错误：

$("input.cloudinary-fileupload[type=file]").cloudinary_fileupload(); 
$.cloudinary.config({"api_key":"6586856745648955","cloud_name":"some-cloud"}); 

    $http.get("http://localhost:3000/story/secret") 
    .then(function(res){ 
    var CLOUD_API_SECRET = res.data.CLOUD_API_SECRET; 
    var obj = 
    { 
     "timestamp": Date.now(), 
     "callback": "http://localhost:3000/cloudinary_cors", 
     "signature": CLOUD_API_SECRET, 
     "api_key": "6586856745648955" 
    }; 
    // var data = JSON.stringify(obj); 
    $("input[type='file']").attr('data-form-data', obj); 
    }) 
    .catch(function(err){ 
    console.log("error: ", err); 
    }); 

，用含有如下我的面前：

<input name="file" type="file" 
    class="cloudinary-fileupload" data-cloudinary-field="image_upload" 
    data-form-data=" ... html-escaped JSON data ... " > 
</input> 

我也试图字符串化，则编码“目标文件”变量和插件，在像这样：

var data = JSON.stringify(obj); 
$("input[type='file']").attr('data-form-data', encodeURI(data)); 

我犯了同样的错误。

我会很感激任何帮助或建议。谢谢一堆。

Answer 1

这里有几个问题：

1. 您的帐户的api_secret不应该在你的客户端代码中显露出来。
2. 签名不是api_secret，您应该生成一个基于您的api_secret和上传选项的签名。欲了解更多信息：http://cloudinary.com/documentation/upload_images#request_authentication。 签名生成必须在服务器端完成。
3. Cloudinary希望通过秒，而不是毫秒基于时间戳的签名，所以最后3个位数是没有必要的。因此，我建议您将时间戳除以1000以省略最后3位数字（例如，Date.now()/1000）