node.js - cloudinary -base 64 图像上传给出无效的 JSON 响应
问题描述
我正在尝试在 CLOUDINARY 上上传 base64 格式的图像
cloudinary.config({
cloud_name: CLOUDINARY_NAME,
api_key: CLOUDINARY_API_KEY,
api_secret: CLOUDINARY_API_SECRET,
});
我尝试过的两种方法
1. Let newPhoto='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='//hardcoded value
try {
const myCloud = await cloudinary.v2.uploader.upload(newPhoto, {
folder: "UserPhoto",
width: 150,
crop: "scale",
});
}catch (error) {
return next(new ErrorHandler(error.message, 500)); }
2. cloudinary.v2.uploader.upload("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==",
function(error, result) {console.log(result, error); });
我收到以下回复
undefined {
message: 'Server return invalid JSON response. Status Code 404. SyntaxError: Unexpected token < in JSON at position 0',
name: 'Error',
http_code: 404
}
错误:服务器返回无效的 JSON 响应。状态码 404. SyntaxError: Unexpected token < in JSON at position 0
我使用了他们在官方文档中提供的相同的 base64 图像字符串
这是链接 -https://cloudinary.com/documentation/upload_images#file_source_options
部分 - 通过 base64 数据 URI 上传
如何在 cloudinary 中上传 base64 图像
解决方案
您可以将 Node.js v2 ( https://cloudinary.com/documentation/node_integration ) 用于后端服务器实现,如下所示:
var cloudinary = require('cloudinary').v2;
cloudinary.config({
cloud_name: '<YOUR_CLOUD_NAME>',
api_key: '<YOUR_API_KEY>',
api_secret: '<YOUR_API_SECRET>',
secure: true
});
var newPhoto = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==";
cloudinary.uploader.upload(newPhoto,
{
folder: "UserPhoto",
width: 150,
crop: "scale",
},
function(error, result) {console.log(result, error); });
推荐阅读
- c# - 使用 libvideo 下载视频时显示进度条
- python - 如何为 tf-idf 矢量化器创建 scikit 管道?
- c - 使用 memcpy 在中间使用空终止符连接多个字符串的问题
- php - 通过更改 php 中 url 参数中的路径来防止用户下载其他文件
- scala - 如何在 Spark 中返回空字段
- javascript - 使用闭包计算几个函数调用的平均值
- c# - 从 json 文件中解析大量动态数据
- html - Animate.css 链接
- ios - ARKit - 将 CIFilter 应用于 ARFaceAnchor 的特定顶点
- graphviz - 如何在 z3py 表达式中引用数学符号以用于 graphviz 标签?