input file获取文件路径

input file获取文件路径html代码段:<inputtype=”file”@change.prevent.stop=”upload”>vue中script代码段:data(){fileName:”},methods:{upload(event){letfiles=event.target.files[0];th…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

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.net/160948.html原文链接:https://javaforall.net

(1)
上一篇 2022年7月25日 下午2:46
下一篇 2022年7月25日 下午3:00


相关推荐

  • 第4课,python 条件语句if用法[通俗易懂]

    第4课,python 条件语句if用法[通俗易懂]pythonif语句的使用,关系运算和逻辑运算复习

    2022年7月5日
    21
  • iDB-数据库自动化运维平台

    iDB-数据库自动化运维平台数据库,MySQL,自动化运维,AutoDDL,刷库,帐号授权,审核,回滚提纲:

    2022年5月13日
    134
  • 算法 – 求两个自然数的最大公约数(C++)

    算法 – 求两个自然数的最大公约数(C++)分享一个大牛的人工智能教程 零基础 通俗易懂 风趣幽默 希望你也加入到人工智能的队伍中来 请点击 http www captainbed net 求两个自然数的最大公约数 C byChimomoAns 辗转相除法 include lt iostream gt include lt cassert gt include amp

    2026年3月19日
    2
  • 虚拟机安装完linux后怎么使用linux_虚拟机ubuntu安装教程

    虚拟机安装完linux后怎么使用linux_虚拟机ubuntu安装教程本篇文章为本人从零开始学习linux的学习心得,其中包含了部署虚拟环境安装linux系统。其中若有错误之处,请读者积极指出,让本人与读者共同进步。第一章部署虚拟环境安装linux系统及配置网路一、linux简介首先在学习linux系统之前,我觉得应该先了解一下linux的来历和发展历程,会让我们对linux充满好奇心,对后续的学习会有帮助。(搬砖):早在20世纪70年代,…

    2022年10月8日
    5
  • Vue刷新页面方式详解

    Vue刷新页面方式详解业务需求 问题描述在项目中经常遇到一个问题 例如新增完表单数据和需要重新刷新页面 类似的业务还有很多 这时我们可以考虑的方式如下 推荐 v if 刷新页面 并依赖注入 不太清楚的小伙伴可以看我之前的文章 父组件 子组件 v if load exportdefaul data load true methods refresh this load false this nextTick gt t 子组件 v if load

    2026年3月18日
    2
  • pycharm: 前进/回退到上一个操作的地方

    pycharm: 前进/回退到上一个操作的地方View–>toolbar打开工具栏,里面有前进和后退到上一位置的跳转键,非常实用。view–>ToolButtons打开左侧的structure

    2022年8月29日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号