Question

我正在为从URI中提取的照片和pdf文档创建一个较短的mysql database。它们存储为blobs。

从数据库中提取照片或pdfs作为blobs时，我将其编码为base64。这创建了一个荒谬的img src。我想通过使用AJAX来缩短它。我遇到的问题是我不确定在javascript的open()函数中将什么设置为我的链接。

显示链接时未进行URI转换

<img src="data:image/jpg;base64,**65,648-character-blob**" class="photo" id="image" alt="">

URI转换后的链接。

<img src="blob:http://www.somedomain.com/7ab702ba-ba1f-4cac-9bc7-6f15d91ba2c3" class="photo" id="image" alt="">

具体代码如下

xhr.open("GET", "", true);

到目前为止，我的代码开头如下：

    const xhr = new XMLHttpRequest();

    //console.log(xhr.readyState);

    xhr.onreadystatechange = function () {

        // check readyState and status
        if (this.readyState == 4 && this.status == 200) {
              document.getElementById("image").innerHTML = this.responseText;
        }
        console.log(responseText);
    };
    xhr.open("GET", "what should be here?", true);

    xhr.send();

在console.log文件中，我可以看到我的所有照片链接，如上面的示例1所示。

我console.log xhr.responseText，我只看到base64中的第一个链接。我需要提取该img src信息。

我找到了几个视频来执行此过渡。但是，没有一个可以处理数据库的结果。他们都直接引用文件。

使用mysql数据库时，利用open（）javascript函数的最佳方法是什么？

0 个答案: