iview的Upload上传前怎么获取上传文件的路径?

1.需求:上传gpx文件到后台,一键,togeojson解析文件获取最高最低点,然后把数据和文件Post到后端,togeojson如何获取文件的路径?
iview的Upload有before-upload方法,参数file里没有文件路径,如何破?

阅读 5.4k
1 个回答
<img :src="fileUrl" width="144px" height="108px" alt="">
<Upload :action="resource" name="uploadFile" :before-upload="handleBeforeUpload" :on-success="handleUploadSuccess" :format="['jpg','jpeg','png']" :on-format-error="handleFileFormatErr" :show-upload-list="false">
     <Button icon="ios-cloud-upload-outline">{{$t('button.button_uploadImg')}}</Button>
</Upload>

主要列出before-upload方法,其他的省略了:

    handleBeforeUpload (file) {
      let promise = new Promise(resolve => {
        this.$nextTick(function () {
          let _this = this
          let reader = new FileReader()
          // תbase64
          reader.onload = function (e) {
            _this.fileUrl = e.target.result // img里可以显示未上传的图片文件以供预览
          }
          reader.readAsDataURL(file)
          resolve(true)
        })
      })
      return promise
    }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题