纯jsp实现表单和文件一起上传

最新推荐文章于 2022-11-18 10:29:14 发布

monkey-jie

最新推荐文章于 2022-11-18 10:29:14 发布

阅读量1.5k

点赞数 1

分类专栏： jsp 文章标签： jsp文件上传

本文链接：https://blog.csdn.net/qq_40663357/article/details/96451921

版权

最近在学古老的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&

最低0.47元/天解锁文章

monkey-jie

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
纯jsp实现表单和文件一起上传

最近在学古老的jsp，操作实在是太复杂了。内心是崩溃的，这个文件+表单上传写了我好久。下面给出代码+我的一些解释（注释）。1、表单页面 addNews.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC ...
复制链接

扫一扫