Vue+elementUI 实现文件上传教程

Vue+elementUI 实现文件上传教程

Vue+elementUI 实现文件上传两种方式供参考
1.使用elementUI 上传组件实现文件上传
2.使用input 输入框上传文件

使用elementUI 上传组件实现文件上传

<template>
  <div>
      <div class="flex_center">
        <h1 style="font-size:24px">上传申报资料</h1>
        <el-upload  class="upload-demo"     drag  multiple :limit="1" :file-list="fileList"
          :action="uploadUrl"   :on-change="changeFile"  :before-upload='beforeUpload'
          :on-success='handleSuccess'  :data="objdata"  :auto-upload="false">
          <i class="el-icon-upload"  ></i>
          <div class="el-upload__text">
            将文件拖到此处，或 <em>点击上传</em>
          </div>
          <div class&#