vue el-upload 例子

Vue的el-upload组件用于文件上传，下面是一个el-upload的例子：

<template>
 <div>
    <el-upload action="http://127.0.0.1:8702/Hello/upload" :on-change="upload" :limit="1" :auto-upload="false">
      <div>文件上传</div>
    </el-upload>
  </div>
</template>

<script type="text/javascript">
import $ from 'jquery'
export default {
  data () {
    return {
      mgs: ''
    }
  },
  methods: {
    getTest1 () {
      console.info('1212')
      this.$emit('refresh')
    },
    upload (file) {
      debugger
      console.info(file)
      let form = new FormData()
      form.append('file', file.raw)
      let reader = new FileReader()
      reader.onload = function () {
        $.ajax({
          url: 'http://127.0.0.1:8702/Hello/upload',
          type: 'post',
          data: form,
          processData: false,
          contentType: false,
          success: function () {
            console.info('上传成功')
          }
        })
      }
      reader.readAsBinaryString(file.raw)
    }
  }
}
</script>