Javascript 我的提交功能以坏网关502响应
我正在尝试设置“Cloudinary”,以便从我的React应用程序上载图像 我的提交函数不断响应:“坏网关502”和“SyntaxError:输入意外结束” 我假设我的标题有问题,但我找不到问题Javascript 我的提交功能以坏网关502响应,javascript,reactjs,rest,cloudinary,Javascript,Reactjs,Rest,Cloudinary,我正在尝试设置“Cloudinary”,以便从我的React应用程序上载图像 我的提交函数不断响应:“坏网关502”和“SyntaxError:输入意外结束” 我假设我的标题有问题,但我找不到问题 handleFileSelect=(e)=>{ this.formValid() 这是我的国家({ 图片:e.target.files[0]}) } 提交(){ const CLOUDINARY\u URL= "https://api.cloudinary.com/v1_1/dvz27u2gu/im
handleFileSelect=(e)=>{
this.formValid()
这是我的国家({
图片:e.target.files[0]})
}
提交(){
const CLOUDINARY\u URL=
"https://api.cloudinary.com/v1_1/dvz27u2gu/image/upload"
const CLOUDINARY\u UPLOAD\u PRESET=“jshvp3nh”
const obj=Object.assign({},this.state);
const formData=new formData();
formData.append(“文件”,对象图片);
formData.append(“上传预设”,CLOUDINARY\u上传预设);
获取(CLOUDINARY_URL,{
模式:“无cors”,
方法:'post',
标题:{“内容类型”:“application/x-www-form-urlencoded”},
正文:formData,
})
.then((res)=>{return res.json()})
.then(数据=>console.log(数据))
.catch(err=>console.log(err));
}
您可以尝试以下方法:
<div><input type="file" onChange={this.submit}/></div>
submit = (e) => {
var file = e.target.files[0];
var data = new FormData();
data.append('upload_preset', 'jshvp3nh');
data.append('file', file);
data.append('cloud_name', 'dvz27u2gu');
const config = {
method: "POST",
body: data
};
var imgurl = "https://api.cloudinary.com/v1_1/dvz27u2gu/raw/upload";
fetch(imgurl, config)
.then(responseData => {
console.log('here');
console.log(JSON.stringify(responseData, null, 4));
console.log(responseData);
})}
提交=(e)=>{
var file=e.target.files[0];
var data=new FormData();
data.append('upload_preset','jshvp3nh');
data.append('file',file);
data.append('cloud_name','dvz27u2gu');
常量配置={
方法:“张贴”,
正文:数据
};
变量imgurl=”https://api.cloudinary.com/v1_1/dvz27u2gu/raw/upload";
获取(imgurl,config)
.然后(响应数据=>{
console.log('here');
log(JSON.stringify(responseData,null,4));
控制台日志(responseData);
})}
这就是我的工作方式
constcloudinary\uURL=”https://api.cloudinary.com/v1_1/dvz27u2gu/image/upload"
const CLOUDINARY\u UPLOAD\u PRESET=“jshvp3nh”
const obj=Object.assign({},this.state);
const formData=new formData();
formData.append(“文件”,对象图片);
formData.append(“api_键”,“xx”)
formData.append(“api_secret”、“xx”)
formData.append(“上传预设”,CLOUDINARY\u上传预设);
formData.append(“timestamp”,(Date.now()/1000)| 0);
获取(CLOUDINARY\u URL{
方法:'POST',
正文:formData,
})
.then((res)=>{return res.json()})
。然后((数据)=>{
obj.img\u url\u cloudinary=data.secure\u url;
本表为发送表单(obj);
}).catch(err=>console.log(err));;
我可能是他们这边的一个问题:这个特定的问题在四年前就解决了,所以如果是服务器端问题,可能不是sameThanks的帮助问题,我解决了这个问题,我的头有问题,我没有设置cloudinary的凭据。