Javascript 图像不'；t存储在文件夹中只有名称存储在数据库中

我有一个表，其中有一个图像输入文件。当我使用“添加行”按钮添加另一行时。这意味着另一行也有一个图像输入文件。这意味着，如果添加新行，则每行都有一个图像输入文件。所以我这里的问题是，当我提交表格时，图像文件名.withExtension被保存到数据库中，但是当我检查到我设置用于存储图像的文件夹时，在该文件夹中找不到图像。我只能看到添加到数据库中的每一行的图像名称。下面是我的代码

<?php 
error_reporting(-1);


if(isset($_POST['travel'])){

        $merchant   = $_POST["merchant"];
        $remark = $_POST["remark"];

    for ($i = 0; $i < count($_POST["merchant"]); $i++){
        $merchant   = $_POST["merchant"][$i];
        $remark = $_POST["remark"][$i];

        $file = rand(1000,100000)."-".$_FILES['bill_image']['name'][$i];
        $file_loc = $_FILES['bill_image']['tmp_name'][$i];
        $file_basename = substr($file, 0, strripos($file, '.'));
        move_uploaded_file($file_loc,"../uploads/exp/".$file);

        $save_new_record = "INSERT INTO `report`(`merchant`, `remark`, `bill_image`, `bill_image_type`) VALUES (?, ?, ?, ?)";

        $stmt5 = $mysqli->prepare($save_new_record);

        $stmt5->bind_param('ssiisssssbsss', $merchant, $remark, $file, $file);


        if ($stmt5->execute() == false){
                echo 'query failed: ' . $mysqli->error;
                }
                $stmt5->close();
        }
        echo"<meta http-equiv=\"refresh\"content=\"0;URL=index.php\">";
}
//Include Global page
    include ('includes/global.php');
?>
<SCRIPT language="javascript">
        function addRow(tableID) {

            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            var colCount = table.rows[0].cells.length;

            for(var i=0; i<colCount; i++) {

                var newcell = row.insertCell(i);

                newcell.innerHTML = table.rows[0].cells[i].innerHTML;
                //alert(newcell.childNodes);
                switch(newcell.childNodes[0].type) {
                    case "text":
                            newcell.childNodes[0].value = "";
                            break;
                    case "text":
                            newcell.childNodes[0].value = "";
                            break;
                    case "text":
                            newcell.childNodes[0].value = "";
                            break;
                    case "file":
                            newcell.childNodes[0].value = "";
                            break;
                }
            }
        }

        function deleteRow(tableID) {
            try {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;

            for(var i=0; i<rowCount; i++) {
                var row = table.rows[i];
                var chkbox = row.cells[0].childNodes[0];
                if(null != chkbox && true == chkbox.checked) {
                    if(rowCount <= 1) {
                        alert("Cannot delete all the rows.");
                        break;
                    }
                    table.deleteRow(i);
                    rowCount--;
                    i--;
                }


            }
            }catch(e) {
                alert(e);
            }
        }
</SCRIPT>
<div class="wrapper">
    <div class="row">
        <div class="col-mg-8">

            <ul class="nav nav-tabs tabs">
            <li class="active tab">
                <a href="#travel" data-toggle="tab" aria-expanded="false">
                    <span class="visible-xs"><i class="fa fa-home"></i></span>
                    <span class="hidden-xs">Travel</span>
                </a>
            </li>
            </ul>

    <div class="tab-content">
        <div class="tab-pane active in" id="travel">
            <div class="panel panel-info">
                <div class="panel-body">
                <form action="" method="post" role="form" id="dist" enctype="multipart/form-data">

                    <table class="table table-hover" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                            <th><input name="checkAll" id="checkAll" type="checkbox" /></th>
                            <th class="text-left"><?php echo $Merchant; ?></th>
                            <th class="text-left"><?php echo $Remark; ?></th>
                            <th class="text-left"><?php echo $Image; ?></th>
                            </tr>
                            </thead>
                        <tbody id="dataTable">
                            <tr>
                                <td><input type="checkbox" name="chk[]" class="checkbox1"></td>
                                <td><input class="form-control" placeholder="<?php echo $Merchant ;?>" id="merchant" name="merchant[]" type="text" /></td>
                                <td><input class="form-control" placeholder="<?php echo $Remark ;?>" id="remark" name="remark[]" type="text" /></td>
                                <td><input type="file" name="bill_image[]" /></td>
                            </tr>
                        </tbody>
                    </table>

                    <input type="button" class="btn-sm btn-primary" value="Add Row" onclick="addRow('dataTable')" />

                    <input type="button" class="btn-sm btn-danger" value="Delete Row" onclick="deleteRow('dataTable')" />

                    <div class="panel-footer">
                        <button type="submit" name="travel" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-log-in"></span>  Save</button>
                    </div>
                </form>

                </div>
            </div>
        </div>
    </div>
        </div>
    </div>
</div>

函数addRow（tableID）{
var table=document.getElementById（tableID）；
var rowCount=table.rows.length；
var row=table.insertRow（rowCount）；
var colCount=table.rows[0].cells.length；
对于（var i=0；i
文件夹是否为“uploads/exp/”有chmod 777权限吗？否则php无法将文件放在那里。我只使用本地主机。没有显示错误日志。我无法跟踪错误的位置。奇怪的是，如果我创建一个表单，它会工作。我提交一个图像，图像文件会保存在文件夹和数据库中，我刚才也做了一些事情。我尝试插入imag从位于xampp中的我的web源目录的文件夹中插入一个图像时，它不起作用。当我尝试插入位于桌面的文件夹5at中的图像时，它不起作用。为什么会这样？已解决。找到解决方案。