vue+axio通过获取dom元素上传文件

news/2024/7/10 1:45:01 标签: vue, axios, dom

参考了博客vue+axios上传文件中的单独上传文件
但是不想选择文件之后就直接上传,就改写了文件的获取方式,通过document先获取文件,点击之后再上传:

<input type="file" id="blog" placeholder="选择文件"/>
<button @click="uploadBlog">上传博客</button>
methods: {
	uploadBlog: function () {
      let file = document.getElementById('blog').files[0]
      let param = new FormData()
      param.append('any', file)
      console.log(param.get('any'))
      this.$axios.post('/api/blog/blog/UploadFile3', param, {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      })
    }
}

http://www.niftyadmin.cn/n/1520622.html

相关文章

python numpy中mat和matrix的不同

参考&#xff1a;numpy中mat和matrix的不同 个人理解&#xff1a; np.mat() import numpy as np bnp.mat&#xff08;a&#xff09;是将a转化为矩阵 如果a本身是矩阵&#xff0c;就是创建a的一个引用&#xff0c;相当于&#xff1a;np.matrix(a,copyFalse)。无论a和b哪一个…

shell自动化输入

shell自动化输入的三种方式&#xff1a; 重定向管道expect 前两种的前提是指令需要有参数来指定密码输入方式&#xff0c;具体使用可参考博客&#xff1a; https://blog.csdn.net/zhangjikuan/article/details/51105166 下面讲一下expect方式的使用 当不想要手动输入时&am…

python删除字符串中某个字符,用replace()方法来处理

Python replace() 方法把字符串中的 old&#xff08;旧字符串&#xff09; 替换成 new(新字符串)&#xff0c;如果指定第三个参数max&#xff0c;则替换不超过 max 次。 语法 replace()方法语法&#xff1a; str.replace(old, new[, max])参数 old – 将被替换的子字符串。 n…

python判断某个字符串中是否包含某个子字符串,方法:if ’str1‘ in str

使用in方法 实例&#xff1a; str1hello china! if china in str1:print(yes) else:print(no)运行结果&#xff1a; yes参考&#xff1a;链接

leetcode --2.两数相加

给出两个 非空 的链表用来表示两个非负的整数。其中&#xff0c;它们各自的位数是按照 逆序 的方式存储的&#xff0c;并且它们的每个节点只能存储 一位 数字。 如果&#xff0c;我们将这两个数相加起来&#xff0c;则会返回一个新的链表来表示它们的和。 您可以假设除了数字…

Leetcode3.无重复字符的最长子串

给定一个字符串&#xff0c;请你找出其中不含有重复字符的 最长子串 的长度。 示例 1: 输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"&#xff0c;所以其长度为 3。示例 2: 输入: "bbbbb" 输出: 1 解释: 因为无重复字符的最…

Leetcode7.整数翻转

给出一个 32 位的有符号整数&#xff0c;你需要将这个整数中每位上的数字进行反转。 示例 1: 输入: 123 输出: 321示例 2: 输入: -123输出: -321示例 3: 输入: 120 输出: 21注意: 假设我们的环境只能存储得下 32 位的有符号整数&#xff0c;则其数值范围为 [−231, 231 − …