Question

我想使用Rails主动存储来保存文件，但我也想发送json，并以某种方式发送图像以进行处理，并与主要的“表单”数据进行匹配。

我已经设置了活动存储，并准备处理图像并将其保存到一个单独的活动存储数据库中，该数据库与我要提交json数据的数据库结合在一起。最大的障碍是我弄清楚了如何“链接”我需要提交的文件，并确保它们与我要提交给另一个数据库的json数据匹配。

这是我用来将json数据提交到rails数据库的简单代码。这样可以完美工作，并将所有文本输入提交到数据库中。

const updateMatchedResults = () => {
return 
fetch("http://localhost:3000/collections/"+match.id, {
             method: 'POST',
             headers: new Headers({
               'X-CSRF-TOKEN': csrf,
               'Content-Type': 'application/json'
             }),
             body: JSON.stringify(match)
           })
           .then(response => console.log(response))
 }

我正在使用vuejs，所以我有一种方法来检测某人何时添加文件。看起来像这样：

uploadFile(e) {
  console.dir(e.target.files[0]);
}

当某人在文件输入中上载或更改文件时，它启动了此javascript，我可以在控制台中看到记录的文件详细信息。我知道从这里我可以向rails提交一个请求以保存文件，但是由于它没有与其他文本数据一起提交，因此它没有适当的关联。

我希望能够将文件上传到活动存储数据库，并且与我提交所有文本的json数据库具有适当的关联。

我如何将json上传到Rails请求的主体以及json主体旁边的独立图像？

0 个答案: