element el-upload上传功能

2023.11.14今天我学习了如何使用el-upload:

 
      
      
      
      
      
      
      
      
      
        
          
            
            
将文件拖到此处,或点击上传
只能上传xlsx文件,且上传数据尽量不超过1000条

如果后端接口是固定并且不需要携带参数就用action,如果是动态的就用http-request。

    // 自定义上传的方法
    dict_upload_request(item) {
      let formData = new FormData()
      formData.append('file', item.file)//上传的文件
      formData.append('status', 0)//携带的参数 参数名+值
      formData.append('name', '张三')//携带的参数 参数名+值
      dict_upload(formData).then(res => {
        this.$message({
          message: '上传成功!',
          type: 'success'
        })
      })
    },

element el-upload上传功能_第1张图片

你可能感兴趣的:(vue.js,elementui,前端)