如何使用单个 HTML 表单上传图像并通过单个提交按钮存储其详细信息？ [复制]答案

【问题标题】：How do I use a single HTML form to upload an image and also store its details by a single submit button? [duplicate]如何使用单个 HTML 表单上传图像并通过单个提交按钮存储其详细信息？ [复制]
【发布时间】：2016-11-29 22:40:25
【问题描述】：

首先是我的代码：

<form id="registration_form" action="AddProductServlet" method="post">
            <div>
            <label>
                    <input placeholder="Product ID" name="pid" type="text">
                </label> 
            </div>
            <div>
                <label>
                    <input placeholder="Product Name" name="pname" type="text">
                </label>
            </div>
            <div>

        <h3> Choose Image to Upload </h3>

        <form action="upload" method="post" enctype="multipart/form-data">

            <input type="file" name="file" />

            <input type="submit" value="Add Product" />

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

正如我在这里所做的那样，在表单标签中包含表单标签是无效的。

另外，因为不可能在同一个表单标签中调用两个不同的动作。

那么有什么办法既可以将图像上传到本地驱动器，又可以将产品详细信息和图像名称存储在数据库中以供以后检索？

【问题讨论】：

在AddProductServlet 操作中处理上传以及其余数据。并将enctype="multipart/form-data" 属性添加到您的#registration_form。
另外，去掉内部表单标签，只留下上传字段和提交按钮。

标签： java html forms jsp servlets

【解决方案1】：

您可以以一种形式处理少量输入。尝试类似：

<form action="upload" method="post" enctype="multipart/form-data">
   <input type="file" name="file" /> <br/>
   Product ID: <input type="text" name="pid"> <br/>
   Product Name: <input type="text" name="pname"> <br/>
   <input type="submit" value="Add Product" />
</form>

【讨论】：