前端html通过ajax上传多文件

最新推荐文章于 2024-05-17 16:19:50 发布

做个高贵的单身狗

最新推荐文章于 2024-05-17 16:19:50 发布

阅读量570

点赞数

分类专栏： form表单 java 文章标签： java html ajax 文件上传

本文链接：https://blog.csdn.net/weixin_43886300/article/details/102845517

版权

前端页面上传多文件问题

- H5页面
- JS
- java代码

作为一个java开发，说不会前端html问题，有点假；但要是说自己完全会，那更假，本人就是。除了刚学时，了解一些前端知识，但后来从事工作后，就没接触过了，最近接手项目的后台开发，也涉及后台页面。对着项目组长面，肯定说能做，但真做起来，想死的心都有了，在加上前端开发忙着上线，只能自己来弄，现在来记录一下。

H5页面

<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>

<style type="text/css">
    html, body {
   
        width: 90%;
        height: 100%;
        margin: 0px;
    }

    .map {
   
        height: 100%;
        width: 90%;
        float: left;
    }
</style>


<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <form class="form-horizontal m" id="form-activity-add">
        <div class="form-group">
            <label class="col-sm-3 control-label ">停车场名：</label>
            <div class="col-sm-8">
                <input class="form-control" type="text" name="parkName" required="required"  id="parkName"/>
            </div>
        </div>


        <div class="form-group">
            <label class="col-sm-3 control-label">经纬度：</label>
            <div class="col-sm-8">
                <input class="form-control" readonly="readonly" type="text" name="lnglat" value="具体坐标请在下方地图中点击"
                       id="lnglat">
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-3 control-label ">详细地址：</label>
            <div class="col-sm-8">
                <input class="form-control" type="text" name="address" id="address"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label ">区域编码：</label>