之前有一篇寫的如何同時傳遞form表單及upload組件文件,如果有多個upload文件該如何傳遞呢
上代碼
html
<el-form ref="newform" :model="newform" :rules="rules"> <el-form-item prop="expName" label=""> <el-input v-model="newform.expName" placeholder="" style="width:75%"> </el-input> </el-form-item> <el-form-item prop="expSn" label=""> <el-input v-model="newform.expSn" placeholder="" style="width:75%"> </el-input> </el-form-item> <el-form-item label='' prop="groupName"> <el-select v-model="newform.groupName" placeholder="" style="width:75%" @change="newSelectGroup($event)"> <el-option v-for="item in groupOptions" :key="item.groupId" :label="item.groupName" :value="item.groupId"> </el-option> </el-select> </el-form-item> <el-form-item label="" prop="subGroupName"> <el-select v-model="newform.subGroupName" placeholder="" style="width:75%" @change="newSelectSubGroup($event)"> <el-option v-for="item in subGroupOptions" :key="item.subGroupId" :label="item.subGroupName" :value="item.subGroupId"> </el-option> </el-select> </el-form-item> <el-form-item label="" prop="expvmDifficulty"> <el-rate v-model="newform.expvmDifficulty" :max="5" style="line-height: 2;"></el-rate> </el-form-item> <el-form-item label="" prop="expvmInstruction"> <el-upload class="upload-demo" drag ref="uploadhtml" :action="upload_url" :auto-upload="false" :before-upload="newHtml" accept=".html, .htm"> <div class="el-upload__text">將文件拖到此處,或<em>點擊上傳</em></div> <div slot="tip" class="el-upload__tip">實驗信息上傳,只能傳(.html/.htm)文件</div> </el-upload> </el-form-item> <el-form-item label="" prop="expvmFiles"> <el-upload class="upload-demo" drag ref="uploadfile" :action="upload_url" :auto-upload="false" :before-upload="newFiles" multiple> <div class="el-upload__text">將文件拖到此處,或<em>點擊上傳</em></div> <div slot="tip" class="el-upload__tip">實驗信息附件上傳,只能傳(.file)文件</div> </el-upload> </el-form-item> <el-form-item label="" prop="expvmVideo"> <el-upload class="upload-demo" drag ref="uploadvideo" :action="upload_url" :auto-upload="false" :before-upload="newVideo" accept=".mp4"> <div class="el-upload__text">將文件拖到此處,或<em>點擊上傳</em></div> <div slot="tip" class="el-upload__tip">實驗視頻上傳,只能傳(.mp4)文件</div> </el-upload> </el-form-item> <el-form-item style="text-align:center"> <el-button type="primary" @click="newSubmitForm()" class="yes-btn"> 確 定 </el-button> <el-button @click="resetForm('newform')"> 重 置 </el-button> </el-form-item> </el-form>
新聞熱點
疑難解答
圖片精選