upload.addEventListener is not a function报错

2023-11-19

原因:

Mock.js重写了XMLHttpRequest,导致了原生XMLHttpRequest被mockjs覆盖找不到相应的方法。

场景

vite-plugin-mock
vue3
element-UI upload组件

解决办法:

  1. 更改配置项:
import { viteMockServe } from 'vite-plugin-mock'

export default function createMock(isBuild) {
  return viteMockServe({
  	......
    localEnabled: !isBuild,
    prodEnabled: false,
   	......
  })
}
  1. 卸载mock (基本用不到)
  2. 更改node_modules(小心被锤)

点赞加关注 CV人生不迷路

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

upload.addEventListener is not a function报错 的相关文章

  • PHP 中的安全用户图像上传功能

    我正在为我的网站实现一个基于用户的图像上传工具 系统应允许任何用户仅上传 JPEG 和 PNG 文件 当然 我担心安全性 所以我想知道许多比我聪明的人对以下允许上传的检查有何感受 1 首先将 PHP 中允许的文件扩展名列入白名单 仅允许 P
  • Flash上​​传图片调整客户端大小

    有谁知道如何使用 Flash 调整客户端图像大小 例子 客户选择一张 1200x800 的图像 在上传之前 Flash 会将其变成一半或其他什么 有什么想法吗 Plupload 是开源的 拥有良好的文档并支持多个平台 包括 Gears 和
  • 将图像从 iOS 应用程序上传到 php --- 不太正确 --- 我错过了什么?

    首先 我知道这个问题已经被问过一千次了 我再次询问 因为我已经尝试了其他示例中的解决方案 但它们对我不起作用 我不知道为什么 每个人的方法似乎都略有不同 NSData imageData UIImagePNGRepresentation f
  • Python应用程序引擎:如何保存图像?

    这是我从 flex 4 文件参考上传中得到的 自我请求 Request POST UPLOAD Accept text Cache Control no cache Connection Keep Alive Content Length
  • 文件上传 API:多部分/表单数据与正文中的原始内容?

    我注意到 至少 有两种方法可以通过 API 将文件上传到 HTTP 服务器 您可以使用multipart form data 这是浏览器本机对文件上传 HTML 输入所做的操作 但您也可以POST请求正文中的文件内容 可能具有正确的 Con
  • 如何使用Delphi 2010优化上传例程?

    My 尚未发布Delphi 2010 应用程序允许用户将他们的文件上传到我的服务器 现在我使用 HTTPS POST 发送文件 简化的 算法基本上是 将文件拆分为 片 每个片 256KB 对于每个切片 将其 POST 到服务器 IE 对于
  • 如何在 PrimeNG 的 FileUpload 组件中中止文件上传?

    一 总结 基于PrimeNG中选择的文件文件上传组件 https www primefaces org primeng fileupload 我想中止特定文件名模式的文件上传到后端服务器 角度 6 0 7 PrimeNG 6 0 2 2 第
  • python 请求上传文件

    我正在访问一个网站 并且想要上传一个文件 我用Python编写了代码 import requests url http example com files file open 1 jpg rb r requests post url fil
  • 上传时自动缩小 CSS 和 Javascript

    有谁知道通过上传处理 脚本自动运行某些文件类型的好方法 当我将 CSS 和 Javascript 上传到服务器时 我试图自动缩小它们 在本地保留一个漂亮的 人类可读的版本 同时在服务器上保留一个缩小的版本 我目前在 Windows 上使用
  • nginx 和 uwsgi 非常大的文件上传(>3Gb)

    也许有人知道该怎么做 我正在尝试上传大于 3Gb 的文件 没问题 如果我使用以下配置上传高达 2Gb 的文件 Nginx client max body size 5g client body in file only clean clie
  • 如何使用 JavaScript 上传文件而不进行回发?

    我正在 ASP NET 中进行文件上传 我用了
  • Ajax文件上传

    我想使用 Ajax 和 php 上传文件 我有一个表格
  • ant-d upload中如何为removeFile添加PopConfirm一个图片文件

    我正在使用 Ant d Upload 通过本地系统上传文件 然后单击文件预览图像上的删除图标 图像文件将被删除 我想添加一个弹出确认 所以我尝试在 onRemovefunction 中添加确认作为承诺但它不起作用 它在浏览器中显示警报 on
  • 如何添加从 Outlook 到 Web 表单的拖放上传功能?

    我正在寻找一种方法 允许用户以简单的方式将 Outlook 电子邮件上传到基于 Web 的系统 我可以让它以手动方式为用户工作 他们可以将电子邮件从 Outlook 拖放到桌面上 这会创建一个 msg 文件 这非常有效 尤其是 电子邮件中是
  • 将大型高清视频文件上传到 Amazon Web Services S3

    最终目标 将大型视频文件 内容制作者将是专业用户 因此他们的一点额外工作并不是一个巨大的负担 然而 对他们 和我 来说 保持尽可能简单是理想的 如果可以使用网络表单来启动那就最好了 内容制作者不会有数百个 因此可以投入一些额外的时间或精力为
  • xhr 响应 for 循环不起作用

    我有 xhr 和 for 循环 它的工作非常罕见 for var i 0 i lt this files length i var xhr new XMLHttpRequest xhr upload onprogress function
  • 将 csv 上传到 Codeigniter

    还有其他人在将 csv 文件上传到 Codeigniter 时遇到问题吗 我收到一条非常烦人的消息 不允许您尝试上传的文件类型 错误 即使我已经非常明确地设置了上传类型 这是我的代码 应该是相当标准的东西 function doUpload
  • 在后台上传大文件(应用程序关闭时服务重新启动)

    我想上传大文件 10 100Mb wifi或移动网络 但在后台 因为用户可能会离开应用程序 稍后系统将关闭应用程序 如果没有足够的内存 我为此创建了一项服务但我的问题是 当我杀死该应用程序时 服务重新启动并再次开始上传 我发现同样的问题没有
  • 关闭 选择文件对话框和 onchange 事件之间存在大量延迟。浏览器有点冻结

    有时我会遇到浏览器本机选择文件对话框的非常奇怪的行为 我有一个
  • Codeigniter 创建目录(如果不存在)

    嗨 任何人都可以帮我解决这个问题吗 基本上我使用了 codeigniter 的文件上传类 链接是here http ellislab com codeigniter user guide libraries file uploading h

随机推荐

  • 使用AS自带工具转换Java文件为.kt问题总结

    android studio Java项目转kotlin问题总结 起因 崩溃问题 部分类Java 和kotlin api存在差异导致编译时报错 起因 忙里偷闲想学一下kotlin 于是在看了一些kotlin基础以后 把项目拉了个分支 想将J
  • pytorch下import numpy失败_深度学习之Pytorch基础教程!

    关注后 星标 Datawhale 每日干货 每月组队学习 不错过 Datawhale干货 作者 李祖贤 Datawhale高校群成员 深圳大学 随着深度学习的发展 深度学习框架开始大量的出现 尤其是近两年 Google Facebook M
  • lscpu命令详解

    基础命令学习目录首页 一 lscpu输出 使用lscpu查看的结果如下图 这里会显示很多信息 如下 使用lscpu p会详细的numa信息 如下 root localhost lscpu p The following is the par
  • 【Mongodb教程 第五课 】MongoDB 删除集合

    drop 方法 MongoDB 的 db collection drop 是用来从数据库中删除一个集合 语法 drop 命令的基本语法如下 db COLLECTION NAME drop 示例 首先 检查可用的集合在数据库 mydb gt
  • 简单混合运算计算器

    实现一个能够进行简单混合运算的计算器 要求对混合运算的表达式进行先乘除后加减运算 其实现的效果如下图所示 小练习 GUI窗体 面向对象思路 代码 Expression类 package 计算器 import java util Linked
  • 使用R语言实现卷积神经网络cnn进行图像识别

    目录 1 卷积神经网络 CNN 简介 2 安装和加载必要的R包 3 加载和处理数据 4 构建CNN模型
  • 攻防 & 渗透 & Kali笔记(持续更新)

    0x00 写在前面 本来是记录kali用法的一篇文章 后来就慢慢变成了记录攻防 渗透测试 Kali用法的文章了 本来信息安全就涉及到方方面面就是个大杂烩 0x01 John the Ripper john爆破需要一个shadow文件 推荐使
  • Python-import导入上级目录文件

    假设有如下目录结构 dir0 file1 py file2 py dir3 file3 py dir4 file4 py dir0文件夹下有file1 py file2 py两个文件和dir3 dir4两个子文件夹 dir3中有file3
  • IDEA太强悍了!java初级工程师工资多少

    所以 我认为在你选择之前不妨好好想想什么是Java 你适不适合从事这份工作 Java开发是近20多年来最热门的编程语言 就业市场确实比较大 入门的难度也比C和C 要低 结合各方面来说 你选择Java是一定没有问题的 接下来就要好好想想自己适
  • 经典网络ResNet介绍

    经典网络ResNet Residual Networks 由Kaiming He等人于2015年提出 论文名为 Deep Residual Learning for Image Recognition 论文见 https arxiv org
  • 【githubshare】30 天精通 Git 版本管理,主要介绍 Git 的一些常用操作,以及日常工作中实际应用场景讲解

    GitHub 上一份开源的 Git 教程 30 天精通 Git 版本管理 主要介绍 Git 的一些常用操作 以及日常工作中实际应用场景讲解 GitHub github com doggy8088 Learn Git in 30 days 外
  • openssh升级

    openssh下载链接 https ftp openbsd org pub OpenBSD OpenSSH portable 查看ssh版本 ssh V OpenSSH 9 0p1 OpenSSL 1 0 2k fips 26 Jan 20
  • 列表标签使用

    列表标签分为有序列表和无序列表 什么时候使用列表标签 列表也是用来布局使用 它的自由度相对表格来说要大一点 但是它也是可以整齐排列 1 有序列表使用 ol li 苹果 li li 菠萝 li li 香蕉 li ol 2 无序列表 ul li
  • C++学习心得

    C 学习心得 一周的C 学习结束了 从C 的简介 各种专业术语的介绍到最后的标准模板库 对于这个c的加强版的语言有了一定的认识理解 但是由于6天时间学完了全部 而且由于疫情在家里上了两天网课 对于一些运用层次还不是很熟悉 学的重点放在了面向
  • 浅谈CSS中/deep/ >>> ::v-deep属性 进行样式穿透

    背景 在开发vue项目中 引入第三方ui组件库 只需要在当前页面修改第三方组件库的样式以做到不污染全局样式 通过在样式标签上使用 scoped 达到样式只制作用到本页面 但是此时再修改组件样式不起作用 scoped的作用及实现原理 作用 当
  • hook方法

    dl iterate phdr
  • 【Mysql】初探表连接的原理

    在我们的工作学习中肯定都用到过表连接的操作 不同连接写法在执行效率上会有不小的区别 要想写出高效的表连接语句 还是需要我们知晓表连接的原理 什么是连接 连接的本质就是要连接在一起的表中符合条件的结果集组合在一起 然后返回给用户的过程 准备
  • SSM实战开发:构建强大的Java Web应用

    SSM实战开发 构建强大的Java Web应用 本文介绍如何使用SSM框架 Spring SpringMVC MyBatis 进行实战开发 构建一个强大的Java Web应用 通过该实例 你将学会SSM框架的整合 配置和使用 以及常见的We
  • 数据标注工具大汇总

    图片 拉框 labelimg 已经安装 bbox label tool LabelBoundingBox Yolo mark FastAnnotationTool od annotation RectLabel cvat VoTT VIA
  • upload.addEventListener is not a function报错

    原因 Mock js重写了XMLHttpRequest 导致了原生XMLHttpRequest被mockjs覆盖找不到相应的方法 场景 vite plugin mock vue3 element UI upload组件 解决办法 更改配置项