Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的提交功能以坏网关502响应_Javascript_Reactjs_Rest_Cloudinary - Fatal编程技术网

Javascript 我的提交功能以坏网关502响应

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

我正在尝试设置“Cloudinary”,以便从我的React应用程序上载图像

我的提交函数不断响应:“坏网关502”和“SyntaxError:输入意外结束”

我假设我的标题有问题,但我找不到问题

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的凭据。