1

我需要一点帮助我正在制作一个上传页面，所以我有两种不同的形式和两种不同的动作

  1. 表单是ajax图片上传（用户的个人资料图片）它的工作正常动作是action='ajaximage.php'

  2. 表单是简单的用户信息详细信息，例如姓名，生物等。它也可以正常工作..它的作用是action="add.php"

疑问/问题 在我的网站输入框由于设计的原因排列不整齐。

<form id="form" method="post" enctype="multipart/form-data" action='add.php'>
    <b>Tittle</b>
    <input type="text" name="name">
</form>

<form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php'>
    <input type="file" title="Choose Image" name="photoimg" id="photoimg">
</form>

<form id="form" method="post" enctype="multipart/form-data" action='add.php'>
    <b>Description</b>
    <textarea name="description" rows="1" cols="1"></textarea>

    <button input="submit">Save Changes</button>
</form>

Ajax 图像上传器正在工作，但如果add.php它仅适用于描述。我无法更改设计，所以如何解决？请帮忙

4

3 回答 3

1

每个表单都需要一个提交按钮。提交按钮只会提交它所在的表单。

于 2013-07-25T23:47:39.323 回答
0

@bwoebi 关于提交是正确的，但如果您的安排无论如何都能奏效，我会感到非常惊讶。据我估计，您有 3 种形式。再次使用相同的名称是行不通的。单个表单需要是不同的——除非您想在提交时进行大量的 javascript 处理。再看看修复布局以将表单保持在一起。

刚看到你上面的评论。为什么还要有单独的表格和单独的动作？为什么不使用一种具有一种操作的表单来简单地上传文件并添加详细信息（可能是到数据库中）？

您还可以在表单上简单地使用不同的提交按钮，并为每个设置的操作添加一个 onclick 属性以使表单的操作不同：

<input type="submit" name="sub1" value="Upload Image" onclick="document.myform.action='ajaximage.php';">
<input type="submit" name="sub2" value="Add User" onclick="document.myform.action='add.php';">

这意味着表单操作将根据使用的提交按钮而改变。

于 2013-07-25T23:57:52.633 回答
0

要通过 ajax 上传图片，您不需要提交表单，这就是通过 ajax 进行上传的全部意义所在。您可以上传图像，然后提交文本输入表单。

伪代码：

<form id="form" method="post" enctype="multipart/form-data" action='add.php'>
<input name="name"/>
<input name="profilePic" id="profilePic"/>
<input name="descrption"/>
</form>

然后，您可以使用 javascript（我更喜欢 jQuery）通过 ajax 上传您的图像，指定#profilePic。

另外，你应该看看：http ://blueimp.github.io/jQuery-File-Upload/

于 2013-07-26T00:18:08.300 回答