如何将ajax请求集成到另一种形式?

时间:2014-07-09 16:50:59

标签: javascript php html ajax forms

我正在尝试创建一个表单,提交包含上传图片路径的数据。表单是一个基本的HTML表单,它将信息传递给与数据库连接的PHP脚本。应该在同一页面上使用ajax文件上传器上传图像,并将生成的服务器文件名插入根表单中的隐藏表单字段中。问题是,ajax文件上传似乎需要自己的形式,这意味着我需要在表单中有一个表单,这显然不是bueno。

我如何重新调整我的表单,以便我可以在表单的范围内拥有文件上传器,但不会破坏所有内容?

编辑:代码段:

<form action="<?php echo esc_url($_SERVER['PHP_SELF']); ?>" 
      method="post" 
      name="form">

Username: <input type='text' 
                name='username' 
                id='username' /><br>
Email: <input type="text" 
              name="email"
              id="email" /><br>
Password: <input type="password"
               name="password" 
               id="password"/><br>
Admin? <input type="checkbox"
               name="admin"
               id="admin" /><br>
File Upload: <form method="post" enctype="multipart/form-data"  action="upload.php">
  <input type="file" name="images[]" id="images[]" multiple />
  <button type="submit" id="btn">Upload Files!</button>
</form>

<div id="response"></div>
<ul id="image-list">
</ul>
<button id="clear" onclick="clearImgs();">Clear</button><br>
<input type="hidden" id="img-name" value="">
<input type="hidden" name="newuser" id="newuser" />
<br>
<input type="button" 
       value="Register" 
       onclick="return regformhash(this.form,
                                   this.form.username,
                                   this.form.email,
                                   this.form.password);" /> 
</form>

0 个答案:

没有答案