纯jsp实现表单和文件一起上传_jsp表单加文件导入-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_40663357/article/details/96451921

这篇博客介绍了如何在不使用servlet的情况下，仅使用jsp实现表单和文件的上传。作者详细讲述了在addNews.jsp中创建表单，以及在addNews_do.jsp中处理上传的过程，并提到了需要引入commons-fileupload和commons-io库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在学古老的jsp，操作实在是太复杂了。内心是崩溃的，这个文件+表单上传写了我好久。下面给出代码+我的一些解释（注释）。

1、表单页面 addNews.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加新闻</title>
<script>
	$(function(){
		$("#image-preview").hide() //先把要预览的img隐藏
	})

	//实现文件预览
	function preview(source){
		$("#image-preview").show() //把要预览的那个img显示
		var file = source.files[0]; //因为文件是数组形式的，所以用获取数组的方式获取文件
		var fr = new FileReader(); //使用了FileReader
		fr.readAsDataURL(file); //以DataURL形式读文件
		fr.onload = function(e){
			$("#image-preview").prop("src",e.target.result) //把读出的文件输出到要预览的位置
		}
	}
</script>
</head>
<body>
	<div class="add">
		<form action="../do/addNews_do.jsp" method="post" enctype="multipart/form-data">
			标题：<input type="text&