获取上传文件的信息

作者: 小睿同学 | 来源:发表于2020-01-16 09:25 被阅读0次

<form>
      <input type="file" @change="Upload($event)" />
</form>

data() {
      return {
        form:{
          fileData: "",
          fileName:"",

        }
      }
    },

methods: {
      Upload (event){
        //获取file文件　，在后面上传时使用
        this.form.fileData = event.target.files[0];
        //this.videoUrl = window.webkitURL.createObjectURL(this.form.fileData);
        this.audioUrl = window.createObjectURL&&window.createObjectURL(this.form.fileData)||window.URL&&window.URL.createObjectURL(this.form.fileData)||window.webkitURL && window.webkitURL.createObjectURL(this.form.fileData)
//      获取文件名称
        this.form.videoName = this.form.fileData.name;
//  去掉文件后缀名
        this.form.fileName= this.form.videoName.substring(0,this.form.videoName.indexOf("."));
//      console.log(this.form.fileName+"99999999999")
      },
}