fileUpload实现普通表单和file图片上传到数据库
首先需要去apache 官网 下载commons-fileupload和 commons-io 下载这两个jar包
下载步骤:fileUpload的commons-fileupload和 commons-io 下载
效果图:
表单提交:
数据库:
实现
jsp:页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" href="publish.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(function () {
//加载页面完成后
$("#file_upload").change(function () {
// 选择图片后即时在页面显示
var $file = $(this);
var fileObj = $file[0];
var windowURL = window.URL || window.webkitURL;
var dataURL;
var $img = $("#img_show");
if (fileObj && fileObj.files && fileObj.files[0]) {
dataURL = windowURL.createObjectURL(fileObj.files[0]);
$img.attr('src', dataURL);
} else {
dataURL = $file.val();
var imgObj = document.getElementById("img_show");
imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
}
});
});
function open_file() {
//点击 + 字体图标,触发文件点击事件
document.getElementById("file_upload").click();
}
</script>
</head>
<body class="body_img">
<img src="img/logom2.png" class="img_logo_pub">
<div class="pb_box">
<div class="pb_box_z">
<form action="${pageContext.request.contextPath}/publishServlet" method="post" autocomplete="off" enctype="multipart/form-data">
<table <%--border="1"--%> class="table_pb">
<tr>
<td class="two_right"><label for="product_name">商品名称:</label></td>
<td>
<input type="text" name="name" id="product_name" class="name">
<%--隐藏的uid表单,上传发布用户的id--%>
<input type="text" name="uid" value="2" style="display:none">
</td>
</tr>
<tr>
<td class="two_right"><label for=""></