如何在Java中使用getParts仅获取图片部件？Cloudinary上传异常解决

问题根源 #

1. 表单重复字段：你的表单里存在两个name="image"的输入控件（一个普通文本输入、一个文件上传输入），导致请求中混入非文件类型的同名Part，被误当作图片上传。
2. Servlet遍历所有Part：代码中遍历request.getParts()会把所有表单字段（文本、数字、下拉框等非文件字段）都当作文件处理，这些字段的内容并非有效图片，触发Cloudinary的「Invalid image file」异常。

修复步骤 #

1. 修正表单（Form.jsp） #

移除重复的name="image"文本输入，或重命名避免字段冲突。如果需要展示现有图片URL，将其改为只读字段或重命名：

<form role="form" action="<c:url value="/admin/product/update"/>" method="post" enctype="multipart/form-data">
    <input name="id" value="${product.id}" hidden="">
    <div class="form-group">
         <label>Name:</label> <input class="form-control" value="${product.name}" name="name" />
    </div>
    <div class="form-group">
         <label>Price:</label> <input class="form-control" value="${product.price}" type="number" name="price" />
    </div>
    <div class="form-group">
         <label>Quantity:</label> <input class="form-control" value="${product.quantity}" type="number" name="quantity" />
    </div>
    <!-- 重命名现有图片展示字段，避免和文件上传字段冲突 -->
    <div class="form-group">
         <label>Existing Image:</label> <input class="form-control" value="${product.image}" name="existingImage" readonly />
    </div>
    <div class="form-group">
         <label>Description </label> <br>
         <textarea rows="4" cols="50" name="description">${product.description}</textarea>
     </div>
     <div class="form-group">
          <label>Category</label>
          <div class="checkbox">
               <select name="catid">
                    <c:forEach items="${categorylist}" var="c">
                         <option value="${c.id}">${c.name}</option>
                    </c:forEach>
               </select>
          </div>
     </div>
          <div class="form-group">
               <label>New Image:</label> <input type="file" name="image" />
          </div>
    <button type="submit">Update Product</button>
</form>

注意：文件上传控件<input type="file">无法通过value属性预设值，浏览器出于安全限制会忽略该设置，因此移除原代码中的value="${product.image }"。

2. 修正Servlet代码 #

仅处理文件上传字段（name="image"），跳过非文件表单字段：

BeanUtils.populate(product, request.getParameterMap());
category = dao2.getCategoryByID(catid);
product.setCategory(category);

Map result = null;
// 仅获取文件上传的Part，而非遍历所有字段
Part imagePart = request.getPart("image");
if (imagePart != null) {
    String fileName = imagePart.getSubmittedFileName();
    // 检查是否实际选择了文件
    if (fileName != null && !fileName.trim().isEmpty()) {
        result = UploadImage.uploadImage(fileName, imagePart);
        if (result != null) {
            String url = String.valueOf(result.get("url"));
            product.setImage(url);
        } else {
            throw new RuntimeException("Loi upload");
        }
    }
    // 未选择文件时，保留原有图片URL，不做修改
}

dao.update(product);

额外说明 #

• 确保UploadImage.uploadImage方法仅接收有效的文件Part，避免传入文本类型的Part。
• 若需要批量上传图片，可通过判断Part的contentType是否为图片类型（如image/jpeg、image/png）进一步过滤无效文件。

内容的提问来源于stack exchange，提问作者Văn Thuận Nguyễn