Vue项目上传图片后在ie浏览器卡死

首先申明，作为一名主业为后段开发的程序员，但是，我觉得前端我们也是需要了解和掌握的，这样开发起来可以和前端妹子很好的交流沟通，甚至有时可以直接指出他们的一些代码问题，这样看起来，前端妹子是不是会对你肃然起敬，一不小心，说不定我们还解决了作为程序员的老大难问题——单身，所以，同行们，加油行动起来！
由于项目接近尾声，测试们在测试的时候疯狂的报浏览器卡死问题，没办法，于是老大看我平时也会写一些前端页面的基础上，让我帮忙分析看看啥问题，push代码下来，一看，，瞬间懵逼，原来他们在开发的时候追求效率，压根就没有准备兼容ie浏览器，谷歌浏览器，一直调试一直爽，谁用谁懂得，所以就苦了我，起了那一大堆的代码在ie上调试找问题，那种一个按键下去过个5-6秒才反应过来的痛苦。。。。
好了，废话不多说，接下来直接讲问题
使用new FormData 对象作为文件接受对象，读取用户图片中的信息之后，在第二次上传图片时候，会将当前的文件对象缓存删除，不然第二次上传读取的对象信息就会出现错误，，，好吧，这样在谷歌上没有啥问题
但是，我们需要兼容ie啊，这是重点，debug到对象的delete（）方法时候，浏览器直接报错，于是，就出现了开始说的卡死问题了，
百度了一大堆之后，看到FormData对象的一个方法set（）可以直接覆盖，心里像这下应该没有问题了，可以直接用这个方法代替开始加入时候的append和删除delete了，万万没有想到的是，ie照样不支持set方法。。。
于是，在把代码仔细过了一遍之后，啥方法都不管了，直接删除delete方法，在方法中的append对象文件之后，直接new 一个临时变量出来，替换当前的FormData对象，然后在用这个临时变量去赋给this全局变量使用，这样不就是手动实现了set方法了嘛，嗯，是这样没错，完美搞定

Vue项目上传图片后在ie浏览器卡死相关推荐

配置vue项目启动后自动打开浏览器，出现网址跳转错误问题：网址为http://0.0.0.0:8080/ 的页面可能存在问题，或者已永久移动到新的网址。
我们在Vue项目package.js文件里配置启动后启动后自动打开浏览器时,也就是加上–open "scripts": {"serve": "vue- ...
Vue项目启动后自动打开浏览器
vue-cli 覆盖webpack配置 vue项目每次启动时都需要复制链接地址打开浏览器,影响到开发效率,下面一行代码配置,解决问题,自动打开浏览器! 项目根目录下新 vue.config.js(和s ...
Vue进阶（幺陆叁）：vue项目启动后自动打开页面并设置默认浏览器
文章目录一.修改默认浏览器二.vue 项目启动自动打开页面三.拓展阅读以windows 系统为例,操作方法如下: 一.修改默认浏览器设置谷歌浏览器为默认浏览器. 1.首先打开"开始 ...
vue 项目打包后浏览器 F12 在source 下不显示 webpack 包
vue 项目打包后浏览器 F12 在source 下不显示 webpack 包,度娘上好多说的是在 vue.config.js 配置 productionSourceMap: false 即可,然 ...
Vue项目构建后通过Nginx/SpringBoot/Express/Egg发布
Vue项目构建后通过Nginx/SpringBoot/Express/Egg发布构建当项目开发完毕,只需要运行一行命令就可以打包你的应用: $ yarn build or $ npm run bu ...
(javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？
问题: (javascript)vue项目打包后,写的覆盖element的样式无效了.这是什么原因?描述: 在开发模式模式下,写的覆盖样式都有效,打包后就无效,请问下是什么原因? main.js里的c ...
vue项目打包后生成一个配置文件可以修改打包后的服务器api地址
vue项目打包后生成一个配置文件可以修改打包后的服务器api地址问题描述:vue项目打包上线之后,如果要改服务器api地址,只能在源码更改然后重新打包发布,为了解决这个问题,我们可以在static增 ...
Vue项目打包后js文件压缩
前言这段时间因为免费试用了https://free.aliyun.com/一台阿里云的服务器,配置是 2核4G 2M, 因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加 ...
使用阿里云对象存储上传图片后，在浏览器中访问返回的url地址，直接提示下载，不是预览
使用阿里云对象存储上传图片后,在浏览器中访问返回的url地址,直接提示下载,不是预览不想要的效果: 想要效果: 业务逻辑层就是ServiceImpl层之前代码: package com.ren.o ...
Vue项目打包后不能正常显示页面
项目场景: 通过 Vue CLI 创建的 vue 项目,编写完项目后,通过 npm run bulid 对项目进行打包,再把打包得到的内容(dist文件夹)交给后端部署到服务器上. 问题描述: 对 v ...

Vue项目上传图片后在ie浏览器卡死

Vue项目上传图片后在ie浏览器卡死相关推荐

最新文章

热门文章