web表单多图片上传+本地预览

最新推荐文章于 2024-06-10 23:36:26 发布

mfc2003

最新推荐文章于 2024-06-10 23:36:26 发布

阅读量3k

点赞数

分类专栏： java 文章标签：表单图片上传

本文链接：https://blog.csdn.net/mfc2003/article/details/51049156

版权

先看效果

1 选择本地文件，预览

2 提交上传

3后台保存

4给前台返回文件路径

1 前端代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">

<title>理财客户详情</title>

<link rel="stylesheet" href="components/bootstrap/css/bootstrap.min.css">

<script src="js/jquery.min.js"></script>
<script src="components/bootstrap/js/bootstrap.min.js"></script>

<script src="js/jquery-form.js"></script>

 <script src="js/zmsTools.js"></script>
 
 
 
<script src="components/layer2/layer/layer.js"></script>  
<script src="js/toast.js"></script>  

 <!-- 上传图片预览插件 -->
<script src="js/previewImage.js"></script>

</head>

<body>
       
       <ol class="breadcrumb">
  <li><span class="glyphicon glyphicon-home"></span><a href="manager/defaultPage.html">  首页</a></li>
  <li><a href="javascript:void(0)">理财客户</a></li>
  <li class="active">身份证设置</li>
</ol>
   
	<div class="row" style="margin:5px">
		<div class="col-md-10  ">
 
			<div class="panel panel-default">
				<div class="panel-heading">理财客户身份证</div>
				<div class="panel-body">

                         <c:choose>
                         
                          <c:when test="${empty vip }">
                          
                             不存在该客户

最低0.47元/天解锁文章

mfc2003

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web表单多图片上传+本地预览

先看效果1 选择本地文件，预览 2 提交上传3后台保存4给前台返回文件路径 1 前端代码 <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getS
复制链接

扫一扫