iView + Vue 踩坑日記,Upload上傳base64轉碼文件

  • 需求:Upload組件,用post方法上傳base64轉碼文件。
  • 解決方法:用before-upload事件來獲取file轉換格式,並調用接口,最後return false阻止默認上傳方式。
<div>
  <Upload action="" :before-upload="beforeUpload">
</div>
 
<script>
export default {
  methods: {
    beforeUpload (file) {
      let reader = new FileReader()
      reader.readAsDataURL(file)
      reader.onload = e => {
        let _file = e.target.result

        this.$api.post({
          'data': Base64.encode(_file)
        }).then( res => {
            // 上傳成功
        })
      }
      return false // 阻止Upload的默認上傳
    },
  }
}
</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章