【问题标题】:Can't upload image to Cloudinary using client side signature call - invalid signature无法使用客户端签名调用将图像上传到 Cloudinary - 签名无效
【发布时间】:2021-11-07 10:27:15
【问题描述】:

我似乎无法生成正确的签名以成功上传图片。

错误信息 -

消息:'无效签名 953e29c9b5cac0f611e347d508aaff75f11f0547。要签名的字符串 - 'timestamp=1631318071'。'

也许有人可以告诉我我出了什么问题?也许某些东西的顺序(根据文档)?

仅供参考 - 我尝试更改在参数服务器端传递的顺序,但似乎对成功上传没有太大作用。

这是我如何生成签名客户端 (C#) 并将数据传递给客户端 (Angular)

DateTime foo = DateTime.Now;
long timeStamp = ((DateTimeOffset)foo).ToUnixTimeSeconds();
var p = new Dictionary<string, object>();
p.Add("api_key", _cloudinaryConfig.Value.ApiKey);
p.Add("api_secret", _cloudinaryConfig.Value.ApiSecret);
p.Add("cloud_name", _cloudinaryConfig.Value.CloudName);
p.Add("timestamp", timeStamp);
var signature = _cloudinary.Api.SignParameters(p);
return Ok(new {
   cloudUploadUrl = _cloudUploadUrl, 
   cloudName = _cloudinaryConfig.Value.CloudName, 
   cloudApiKey = _cloudinaryConfig.Value.ApiKey, 
   cloudSignature = signature,
   cloudTimeStamp = timeStamp
});

这是客户端尝试在 Angular 中上传图片

const data = new FormData();
data.append('file', croppedImage.base64);
data.append("api_key", cloudinaryParams.cloudApiKey);
data.append("signature", cloudinaryParams.cloudSignature);
data.append("timestamp", cloudinaryParams.cloudTimeStamp);

const fileResult = await fetch(cloudinaryParams.cloudUploadUrl, {
  method: 'POST',
  body: data,
});

const fileData = await fileResult.json();

if (fileData.error) {
  // do something to handle the error!
}

【问题讨论】:

    标签: javascript c# angular cloudinary


    【解决方案1】:

    错误消息中的字符串显示正在服务器端根据您在上传 API 调用中提供的签名检查的参数。

    基于该错误,应该用于为示例上传 API 调用创建签名的唯一参数是“时间戳”,并且它需要在两个 API 上都具有 1631318071 的值调用并在创建签名的函数中:https://cloudinary.com/documentation/signatures

    如果我正确理解了您的 C# 代码,您很可能可以通过删除所有 p.add() 调用来解决此问题,但带有时间戳参数的调用除外

    【讨论】:

    • 感谢您的帮助!出于某种原因,我读错了文档,并认为您必须将其他参数(例如 api_key、api_secret、cloud_name)放在签名中。这里的文档 - cloudinary.com/documentation/…
    猜你喜欢
    • 2015-11-01
    • 2017-04-27
    • 1970-01-01
    • 2019-05-25
    • 1970-01-01
    • 2018-05-20
    • 2017-10-19
    • 2015-10-22
    • 2021-09-03
    相关资源
    最近更新 更多