在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ element ui 文件上傳不能手動(dòng)觸發(fā)

element ui 文件上傳不能手動(dòng)觸發(fā)

clipboard.png

<div class="pass" v-for="(item,index) in showList">
 <el-upload class="avatar-uploader" :accept="accept" action="https://upload.qiniup.com" :show- 
   file-list="false" @on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" 
       :data="postData" ref="uploadAdd" :on-change="handleChange" :auto-upload="false">
    <div class="add text-center ">
      <span>新增</span>
    </div>
    </el-upload>
  </div>
   <!-- 新增彈框 -->
<div class="elDialog">
  <el-dialog :visible.sync="mView" width="530px" height="200px">
    <span @click="mViewClose" class="closeDialog"></span>
    <div class="text-center mViewContent">
      <el-form :rules="rules" status-icon class="demo-ruleForm" :model="sideForm" ref="sideForm">
        <el-form-item :label-width="formLabelWidth" prop="materName">
          <el-input v-model="sideForm.materName" placeholder="請(qǐng)輸入材料名稱(chēng)"></el-input>
        </el-form-item>
        <el-form-item :label-width="formLabelWidth" prop="materRemark">
          <el-input v-model="sideForm.materRemark" placeholder="請(qǐng)輸入備注"></el-input>
        </el-form-item>
      </el-form>
      <div class="matter">
        <p class="font-14">{{fileName}}<span>更改文件</span></p>
      </div>
      <el-button type="primary" round @click="trueUpdate(sideForm)">確認(rèn)上傳</el-button>
    </div>
  </el-dialog>
</div>

##

trueUpdate(sideForm) { //確認(rèn)上傳
      this.mView = false;
      this.$refs.uploadAdd.submit();
  });
},

##
dom里面我循環(huán)了4個(gè)新增,點(diǎn)擊新增就會(huì)選擇文件,當(dāng)文件選擇后出現(xiàn)彈框。然后點(diǎn)擊確認(rèn)上傳,手動(dòng)觸發(fā)上傳。但是報(bào)錯(cuò)。一直不能上傳。我新增彈框4個(gè)共用的一個(gè)。

clipboard.png

回答
編輯回答
柚稚

refs文檔,使用V-for的話(huà),這里將會(huì)形成的就是uploadAdd這樣一個(gè)數(shù)組,你可能需要對(duì)數(shù)組中的每一個(gè)來(lái)submit

2017年8月3日 07:59
編輯回答
掛念你

當(dāng)你不使用element上傳后,你就應(yīng)該自己做的啊,element只是幫你做了選擇文件后,按照文件上傳格式傳上去,如果你中斷了。那你自己就拼接即可

const formDate = new FormData()
formData.append('file', File)
axios.post(url, formData)

即可。

2018年1月24日 04:42