Javascript 投递

我有一个巨大的问题，我已经在这里试着解决了一天，但没有得到任何进展。我正试图在我的

SQL

db上

INSERT

到一个表中。我不能简单地

提交

我的表单，因为我正在后台运行脚本，提交表单会弄乱我的脚本（返回错误屏幕，并且无法正确上传文件）

“我的代码”允许用户选择文件，将其上载到服务器，并在我的

SQL

服务器上更新一个表。我的按钮需要激活脚本并发布和更新表。我尝试过javascripts，但它们都提交了表单，因此弄乱了我的progressBar。我需要发布信息但是我不能不提交，这是我的主要问题。我可以不提交（使用JQ或AJAX）吗

我的PHP脚本

function update()
{
  $connect = mysqli_connect($hostname, $username, $password, $username);
  $Title = mysqli_real_escape_string($connect, $_POST['title']);
  $Description = mysqli_real_escape_string($connect, $_POST['desc']);
  if (strlen($Title) > 0 && strlen($Description) > 0)
  {
  mysqli_query($connect,"INSERT INTO uploads(title, description)
  VALUES('$Title','$Description')");
  }
}

我的HTML

   <form id="upload_form" enctype="multipart/form-data" method="POST">
        <input type="file" name="file1" id="file1"><br>
        <input type="button" value="Upload File" onclick="uploadFile()"><br/>
        <progress id="progressBar" value="0" max="100" style="width:300px;"></progress>
        <h6>Title</h6>
        <input type="text" name="title" id="title"><br/>
        <h6>Description</h6>
        <input type="text" name="desc" id="desc" width="250px" height="100px"/>
        <h3 id="status"></h3>
        <p id="loaded_n_total"></p>
    </form>

标题


描述

这个怎么样：

<script language="javascript">
function uploadFile(){
  var frm = document.getElementById('upload_form');
  frm.action = "";
  frm.submit();
}
</script>

函数uploadFile（）{
var frm=document.getElementById（'upload_form'）；
frm.action=“”；
frm.submit（）；
}

我很困惑，后台运行的脚本与表单之间的关系如何？是的，您必须使用AJAX。由于表单还包含文件上载按钮，我建议在中使用文件上载插件jquery@Dagon出于某种原因，如果我提交表单，我的上载函数将返回一个错误。