如何将图像从React Native客户端上传到Rails API

问题描述

我希望能够为帖子附加多张图片。我的前端是一个简单的worflow react本地应用程序，后端是Rails。我已经尝试了一个星期，试图找到与我的设置相匹配的教程，并浏览Google上紫色堆栈溢出链接的相同页面。我尝试使载波工作，并遇到无法修复的错误。现在，我正在尝试使用主动存储直接上传..

    const postBusiness = () => {
        
        let postData = {
            business: {
                name: "Tester",summary: "test summary",phone: "5555555555",email: "[e-mail]",hearts: 1,},};

        fetch(`http://127.0.0.1:3000/businesses`,{
            method: "POST",headers: {
                "Content-Type": "application/json",Accept: "application/json",body: JSON.stringify(postData),})
            .then((resp) => resp.json())
            .then((data) => {
                console.log("DATA IS",data);
                console.log("UPLOAD FILE IS",inputs.images[0]);
                uploadFile(inputs.images[0],data);
            })
            .catch((err) => {
                console.log("Error creating new business: ",err);
            });
    };

    const uploadFile = (image,business) => {
        const upload = new DirectUpload(
            image,"http://127.0.0.1:3000/rails/active_storage/direct_uploads"
        );
        upload.create((error,blob) => {
            if (error) {
                console.log(error);
            } else {
                console.log("there is no error...");
            }
        });
    };

这是我看到的控制台记录。

创建新业务时出错：[错误：值未定义，应为字符串]

Rails正在我的数据库中创建业务，但是导致此错误的原因均阻止了直接上载的工作。我不知道什么字符串是未定义的。我在这里直接上传会朝正确的方向前进吗？我只需要上传一些图片！这样帮我

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）