fileUpload实现普通表单和file图片上传到数据库

最新推荐文章于 2021-08-05 14:52:26 发布

月复西斜

最新推荐文章于 2021-08-05 14:52:26 发布

阅读量828

点赞数 1

分类专栏： web 文章标签： java jsp mysql javascript jquery

本文链接：https://blog.csdn.net/qq_45652428/article/details/116887976

版权

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=""></

最低0.47元/天解锁文章

月复西斜

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
fileUpload实现普通表单和file图片上传到数据库

fileUpload实现普通表单和file图片上传到数据库效果图：实现jsp:页面servelt:控制器service:逻辑操作dao:数据库操作domain：javaBean类首先需要去apache 官网下载commons-fileupload和 commons-io 下载这两个jar包下载步骤：fileUpload的commons-fileupload和 commons-io 下载效果图：表单提交：数据库：实现jsp:页面<%@ page contentType="text/
复制链接

扫一扫

专栏目录