vue+element upload上傳帶引數
阿新 • • 發佈:2019-01-12
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">儲存</el-button>
<el-upload class="upload-demo" ref="upload" :action="action()" :on-preview="handlePreview" :before-upload="beforeUpload" :data="uploadData" :on-error = "error" :on-success="successResave" :on-remove="handleRemove" :file-list="fileList" :auto-upload="false"> <el-button slot="trigger" size="small" type="primary">選取檔案</el-button> <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上傳到伺服器</el-button> --> <!-- <div slot="tip" class="el-upload__tip">只能上傳jpg/png檔案,且不超過500kb</div> --> </el-upload>
data裡面引數
uploaddata:null,
methods裡面
action(){ return this.portC+"uplodResultsScore" }, //上傳 submitUpload() { this.$refs.upload.submit(); }, handleRemove(file, fileList) { console.log(file, fileList); }, handlePreview(file) { console.log(file); }, beforeUpload (file) { this.uploadData = {dstype:this.proType,name:this.mobanname,dsmark:this.value5,}; console.log(this.uploadData) let promise = new Promise((resolve) => { this.$nextTick(function () { resolve(true); }); }); return promise; //通過返回一個promis物件解決 }, //上傳成功鉤子 successResave(response, file, fileList){ console.log(response) if(response.code==10001){ alert("儲存成功") this.proType=""; this.mobanname=""; this.value5=""; this.$router.push("/moban") } }, //失敗鉤子 error(response, file, fileList){ console.log(response) }, //選擇家化實效 selectType(val){ console.log(val) if(val==1){ this.$router.push("/new") }else{ this.$router.push("/new1") } },