input file获取文件路径

全栈程序员站长

发布于 2022-09-16 16:37:27

6.8K00

代码可运行

文章被收录于专栏：全栈程序员必看

运行总次数：0

代码可运行

大家好，又见面了，我是你们的朋友全栈君

html代码段：

<input type="file"  @change.prevent.stop="upload">

vue 中script代码段：

data() {
    fileName: ''
},
methods: {
    upload(event) {
        let files = event.target.files[0];
        this.fileName = this.getObjectUrl(files);
    },
    getObjectUrl(file) {
      let url = null;
      if (window.createObjectURL != undefined) {
        // basic
        url = window.createObjectURL(file);
      } else if (window.webkitURL != undefined) {
        // webkit or chrome
        url = window.webkitURL.createObjectURL(file);
      } else if (window.URL != undefined) {
        // mozilla(firefox)
        url = window.URL.createObjectURL(file);
      }
      return url;
    }
}

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/160948.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

https