1.攜帶固定參數(shù)：

2.攜帶不固定參數(shù)：?

?? ? ? <el-row>?
? ? ? ? <el-col :span="24">
? ? ? ? ? <el-upload
? ? ? ? ? ? :multiple="false"
? ? ? ? ? ? :show-file-list="false"
? ? ? ? ? ? :on-success="f_handleImageSuccess"
? ? ? ? ? ? :before-upload="f_HandleImageBefore"
? ? ? ? ? ? drag
? ? ? ? ? ? action=""
? ? ? ? ? ? :http-request="f_handleUploadForm"
? ? ? ? ? ? :auto-upload="true"
? ? ? ? ? ? :headers="importHeaders"
? ? ? ? ? >
? ? ? ? ? ? <i class="el-icon-upload" style="margin:10px 0px 0px 0px;" />
? ? ? ? ? ? <div class="el-upload__text">
? ? ? ? ? ? ? <div class="el-upload__text">將文件拖到此處，或<em>點(diǎn)擊上傳</em></div>
? ? ? ? ? ? ? <div slot="tip" class="el-upload__tip">只能上傳xls/xlsx/et文件，且不超過200MB</div>
? ? ? ? ? ? </div>
? ? ? ? ? </el-upload>
? ? ? ? </el-col>?
? ? ? </el-row>

?// 文件格式及文件大小驗(yàn)證
? ? f_HandleImageBefore(file) {
? ? ? let isJPG = false;
? ? ? if (file.name.indexOf('.xls') > -1 || file.name.indexOf('.xlsx') > -1 || file.name.indexOf('.et') > -1) { isJPG = true; }
? ? ? let isLt2M = file.size / 1024 / 1024 < 200;
? ? ? if (!isJPG) {
? ? ? ? this.$message.error('上傳文件只能是XLS/XLSX/ET格式!');
? ? ? }
? ? ? if (!isLt2M) {
? ? ? ? this.$message.error('上傳文件大小不能超過 200MB!');
? ? ? }
? ? ? return isJPG && isLt2M;
? ? },
? ? f_handleImageSuccess(file) {
? ? ? this.meternos = '';
? ? ? if (file.success) {
? ? ? ? this.$message({ showClose: true, message: '附件上傳成功！', type: 'success' });?
?? ??? ? ? ?// this.$emit('queryList');?? ??? ?
? ? ? } else {
? ? ? ? this.$message({ showClose: true, message: file.message, type: 'error' });
? ? ? }
? ? },
? ? // 上傳并攜帶參數(shù)
? ? f_handleUploadForm(param)
? ? {
? ? ? let formData = new FormData()
? ? ? // 在formData中加入我們需要的參數(shù)
? ? ? formData.append('file', param.file) //上傳的文件
? ? ? formData.append('poid', this.fileUpload.poid) //參數(shù):出庫單號(hào)
? ? ?? ?formData.append('type', this.fileUpload.type) //參數(shù):類型
? ? ? api_StockOutOverdueUploadFile(formData).then((response) => {
? ? ? ? ? if (response.success === true) {
? ? ? ? ? ? this.$message({ showClose: true, message: '附件上傳成功！', type: 'success' });?
? ? ? ? ? }
? ? ? ? });
? ? }
?

?文章來源地址http://www.zghlxwxcb.cn/news/detail-609365.html

• js里面的請(qǐng)求方法：
• //附件上傳
  export function api_StockOutOverdueUploadFile(data) {
  ? return request({
  ? ? url: '/maobao.mom.wms/v' + apiversion + '/purchaseorderdetail/StockOutOverdueUploadFile',
  ? ? method: 'post',
  ? ? data
  ? });
  }
  ?

?

?

? ? ? ? [HttpPost, Route("StockOutOverdueUploadFile"), SwaggerFileUpload]
? ? ? ? [DisableRequestSizeLimit]
? ? ? ? public async Task<IActionResult> StockOutOverdueUploadFile()
? ? ? ? {
? ? ? ? ? ? //獲取所有上傳文件
? ? ? ? ? ? var files = Request.Form.Files;// 接收上傳文件
? ? ? ? ? ? var poid = Request.Form["poid"].ToString();//接收傳遞的參數(shù):出庫單號(hào)
? ? ? ? ? ? var type = Request.Form["type"].ToString();//接收傳遞的參數(shù):類型
? ? ? ? }

?

到了這里，關(guān)于element ui 上傳控件攜帶參數(shù)到后端的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！