首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >用多个文本文件和图像文件获取FormData方法

用多个文本文件和图像文件获取FormData方法
EN

Stack Overflow用户
提问于 2021-05-23 00:33:28
回答 1查看 210关注 0票数 0

我在为这事奋斗了几天,但没有好的结果。

我是不是用错了FormData方法?formData.append是对的吗?我确实有另一种形式可以执行带有JSON.stringify方法的"PUT“,而不是像魅力一样工作。我不知道这里发生了什么。

以下是错误:

访问从源“https://tiendeo-frontend-cards-api.herokuapp.com/cards”获取'http://localhost:3000‘已被CORS策略阻止:请求的资源上没有“访问控制-允许-原产地”标题。如果不透明响应满足您的需要,请将请求的模式设置为“no- CORS”,以获取禁用CORS的资源。

以下是代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const formData = new FormData()
    formData.append('title', title)
    formData.append('description', description)
    formData.append('image', selectedFile)

    console.log(selectedFile)
    console.log(title)
    console.log(description)

    fetch('myendpoint', {
        method: "POST",
        headers: { "accept": "application/json",
                    "Autorization": "Bearer mybearer token",
                    "Content-Type": "multipart/form-data"},
        body: formData
    })
    .then((res) => res.json())
    .then ((res) => {
        console.log('Enviao!!', res)
        window.location.reload()
    })
    .catch((error) => {
        console.error('ERROR JODER!', error)
    }) 
}

我提前感谢你

EN

回答 1

Stack Overflow用户

发布于 2021-05-23 02:26:39

这是因为您处于开发模式,这是因为您的策略是将http请求从本地主机调用到服务器。您可以通过以下方法在开发模式下传递它:

使用浏览器扩展(如https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

定制代理的

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67657760

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文