使用formData实现数据与文件的提交

使用FormData需要传给后端对象信息。

后端接口用对象接收即可，因为可以将传来的属性自动封装到实体类中（前端传来的属性名称和实体类

的属性名称一定要一致，否则无法封装）。

jsp：

<form  method="post" id="exhibtionForm"  enctype="multipart/form-data">
    <!-- 第一行 -->
    <div class="row">
        <div class="col-xl-4">
            <div class="form-group">
                <div class="form-input  text-center">
                    <img src="" id="thumbnail" height="250" width="300" onerror="this.src='../picture/previewFile.png';this.οnerrοr=null;" />
                    <input type="file" class="m-2"  id="exhibitionFile"  name="fileName"  onchange="previewFile()" />
                </div>
            </div>
        </div>
        <%-- 第一行第2列 --%>
        <div class="col-xl-4">
            <div class="form-group">
                <input type="text" class="form-control" name="exName" id="exName" placeholder="展品名称">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="sortOrder" id="sortOrder" placeholder="展品次序">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="cId2" id="cId2" placeholder="展品类型2(子类型)">
            </div>
            <div class="form-group">
                <select class="form-control form-select" name="typee" id="typee">
                    <option selected>展品文件属性（请根据上传文件选择）</option>
                    <option value="3D">3D文件</option>
                    <option value="图片">图片</option>
                    <option value="音频">音频</option>
                </select>
            </div>
        </div>