有没有办法通过PHP显示上传到MySQL的图像？

Question

我正在尝试显示从MySQL到HTML页面的图像，但我看到的只是图标或有时是某些字符。这就是我看到的。 显示了我看到的

图标输入字段。我的表格看起来像这样。

<form method="post" action="http://localhost:63342/sqlvali-master111/publicRoot/sqlvali/index.php?action=lec_hub/pages">
                    <div class="form-group">
                        <label for="description" class="control-label">Description:</label>
                        <input type="text" class="form-control" id="description" name="description">
                    </div>
                    <div class="form-group">
                        <label for="external_link" class="control-label">External Link:</label>
                        <input type="text" class="form-control" id="external_link" name="external_link">
                    </div>
                    <div class="form-group">
                        <label for="query_structure" class="control-label">Query Structure:</label>
                        <input type="file" class="form-control" id="query_structure" name="query_structure">
                    </div>
                    <div class="form-group">
                        <label for="feedback" class="control-label">Feedback:</label>
                        <input type="text" class="form-control" id="feedback" name="feedback">
                    </div>
                    <div class="form-group">
                        <label for="likert" class="control-label">Likert-type Scale:</label>
                        <input type="text" class="form-control" id="likert" name="likert">
                    </div>
                    <div class="form-group">
                        <label for="query_example" class="control-label">Query Example:</label>
                        <input type="text" class="form-control" id="query_example" name="query_example">
                    </div>
                    <div class="form-group">
                        <!--                        <label for="lec_id_fk" class="control-label">Lecture Foreign Key:</label>-->
                        <input type="hidden" class="form-control" id="chapter_id_fk" name="chapter_id_fk" value="<?php echo $chapter_id?>">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <input name = "add" type = "submit" id = "add" value = "Add">
                    </div>
                </form>

这就是我在MySQL中将表单数据添加到数据库中的方式，

<?php

$con = mysqli_connect("localhost", "root", "", "lectureHub");
if(isset($_POST['add'])) {
    $description = $_POST['description'];
    $external_link = $_POST['external_link'];
    $chapter_id_fk = $_POST['chapter_id_fk'];
    $query_structure = $_POST['query_structure'];
    $feedback = $_POST['feedback'];
    $likert = $_POST['likert'];
    $query_example = $_POST['query_example'];
    $sql = "INSERT INTO pages (description, external_link, chapter_id_fk, query_structure, feedback, likert, query_example) VALUES('$description','$external_link','$chapter_id_fk', '$query_structure', '$feedback', '$likert', '$query_example')";
//                        mysqli_select_db("lecturehub");
    $retval = mysqli_query($con, $sql);
    if(! $retval ) {
        die('Could not enter data: ' . mysqli_error());
    }
}

这是我当前尝试在HTML中显示图片的方式，这仅使我呈现图标。

<div class='col-md-8'>
                    <h3>query Structure</h3>
//                    <p>$query_structure</p>
                      <img src='data:image;base64,".base64_encode($row['query_structure'])."' alt='image' style='width: 100px; height: 100px'>        
                </div> 

Answer 1

不要将文件上传到数据库。
将文件存储在服务器上，例如Web根部的媒体文件夹。
然后将该图像的路径存储在数据库中。
它将使您的数据库更具弹性，并减少服务器上的负载以及服务器所需的RAM量。

另外，通过将其存储在Web根中，您可以利用浏览器缓存和Web服务器快速流式传输文件，而不是通过数据库引擎将其加载到DISP中，然后通过网络套接字传递到PHP，然后将其作为base64 Image渲染或将其传递给网络服务器的二进制图像，后者将其传递给客户端作为长二进制流。

当它在WebRoot中时，您会从客户端获取请求，并且Web服务器将文件直接从磁盘/自己的缓存传输到客户端，后者将文件存储在其浏览器缓存中，从而在后续访问时减轻服务器上的负载。