PouchDB无法将Blob转换为图像src的url

编程问答 2022-06-07

问题描述

大家好，我正在使用PouchDB并做出反应。文件上传正常工作，但是当我尝试将Blob转换为url时，控制台中出现此错误。

”无法在“ URL”上执行“ createObjectURL”：重载分辨率 失败。”

我检查了返回值，并且能够将所有数据/图像检索到控制台中，基本上可以看到文件类型，等等。无论如何，我听说“ createObjectURL”已被弃用，但我遵循了文档中为PouchDB提供的教程。所以我现在不确定。有人可以给我任何见解或帮助吗？谢谢

以下代码段：

 // uploading files
    const uploadF = e => {
        // saving chosen file
        const file = e.target.files[0];

        // generating random number and converting it to the string
        const random_id = Math.floor(Math.random() * 10000);
        const random_id_to_string = String(random_id);

        console.log(file);

        // insert data into local DB
        db.post({
            _id: random_id_to_string,_attachments: {
                fileName: {
                    content_type: file.type,data: file
                }
            }
        })

        // insert data into remote db
        redb.post({
            _id: random_id_to_string,data: file
                }
            }
        })

        // upload file to s3 bucket
        S3FileUpload.uploadFile(e.target.files[0],config)
        .then(data => {
            console.log(data);
        })
        .catch(err => console.log(err))
    }

    // retrieve all data from db
    const files = [];
    db.allDocs({
        include_docs: true,attachments: true
    }).then(function (result) {
        return result;
    })
    .then(function(blob){
        const url = URL.createObjectURL(blob);
        console.log(url);
    })
    .catch(function (err) {
        console.log(err);
    });
    

    return(
        <section className="hero"> 
            <nav>
                <h2>Welcome</h2>
                <button onClick={handlelogout}>logout</button>
                <input type="file" onChange={e => uploadF(e)} />
            </nav>
        </section>
    );

解决方法

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

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

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

javascriptpouchdbreactjsreactjsreactjsreactjs