<template>
<div id="app" style="width:50%;margin:0 auto">
<img src="./assets/logo.png">
<el-input placeholder="请输入内容" v-model="filename" class="input-with-select" style="margin-top: 15px;margin-bottom: 15px;">
</el-input>
<el-upload ref="elupload" action="" multiple :auto-upload="false" :http-request="handleupload" list-type="picture-card">
<i class="el-icon-plus"></i>
</el-upload>
<el-button type="primary" @click="uploadelupload">点击上传</el-button>
</div>
</template>
<script>
import axios from 'axios'
export default {
data(){
return{
filename:'',
// food:'',
// datalist:[],
fileList:[]
}
},
name: 'App',
methods:{
uploadelupload() {
let formdata = new FormData()
this.$refs.elupload.submit(); // 这里是执行文件上传的函数，其实也就是获取我们要上传的文件
this.fileList.forEach(item => {
formdata.append("file", item) //将每一个文件图片都加进formdata
formdata.append("text", this.filename)
})
formdata.append("score", 4)
axios.post("/apis/public/api/v2.Test/input_test",formdata,
{
onUploadProgress:(e)=>{
this.call(e)
}
}
).then(res => {
console.log(res,res.status)
if( res.status == 200 ){
return this.$message.success('恭喜你，图片上传成功')
}
})
},
handleupload(param) {
this.fileList.push(param.file);
},
call(e){
// console.log(e,'qqqqqqqq',e.meta.status)
},
getPostData(){
let formData=new FormData()
formData.append('food',this.food)
this.$axios.post("/apis/public/api/v2.Test/input_test",formData,{
headers:{
'Content-Type':'multipart/form-data'
}}
).then(res=> {
console.log(res.data)
console.log(res.data[0].name)
this.datalist=res.data[0]
})
}
}
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
th{width:14%;}
</style>
