摘要:文章出处最近项目中有一个文件上传的功能,可以上传压缩包文件,遇到一个问题,就是个别电脑点击上传控件时,需要四五秒左右才会有反应。由于我们请求不到海外服务器,会等到连接诶失败,才会弹出上传文件窗口。
文章出处:http://www.jianshu.com/p/be34...
原因最近项目中有一个文件上传的功能,可以上传压缩包文件,遇到一个问题,就是个别电脑点击上传控件时,需要四五秒左右才会有反应。
当时在常用的几个浏览器都做了测试,发现这种问题只有chrome出现,然后查看了所有的chrome版本号,怀疑是版本的问题,把所有的版本都升级了,慢的还是一样慢。
接着就开始上网查了一下,发现遇到这个问题的人还真多。随便点开一篇文章,原因写的很明白,原来是因为我大天朝的原因导致的。
chrome会在点击input file的时候,自动请求google服务器,将这些文件的特征提交到海外服务器进行比对,以提醒用户文件是否安全,只有在执行图片类型的时候,chrome不会检车这些文件的安全性。由于我们请求不到google海外服务器,会等到连接诶失败,才会弹出上传文件窗口。
解决方法如果是上传图片,可以在input中添加属性accrpt指定文件类型,比如accept="image/jpeg"。
如果上传的其他类型,比如zip,rar,pdf之类的,用上面的方法是不管用的,有一个方法就是,在浏览器客户端修改设置,只需要把设置中的一项保护您和您的设备不受危险网站的侵害关闭就可以了,此时了浏览器就不会发送请求到google服务器了。但是这种方法需要在客户端操作,问题比较多了。
还有一个是在点击的时候讲input的value设置为null,这个没有具体试过。我这里暂时用的是第二种方法,因为要上传的是zip文件,且是内部使用,先用第二种解决,接下来看看有没有什么切实有效的方法。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/83877.html
摘要:文章出处最近项目中有一个文件上传的功能,可以上传压缩包文件,遇到一个问题,就是个别电脑点击上传控件时,需要四五秒左右才会有反应。由于我们请求不到海外服务器,会等到连接诶失败,才会弹出上传文件窗口。 文章出处:http://www.jianshu.com/p/be34... 最近项目中有一个文件上传的功能,可以上传压缩包文件,遇到一个问题,就是个别电脑点击上传控件时,需要四五秒左右才会有...
摘要:前端日报精选了解中的全局对象和全局作用域张鑫旭鑫空间鑫生活子进程你应该知道的一切直出内存泄露问题的追查实践我他喵的到底要怎样才能在生产环境中用上模块化腾讯前端大会大咖说大咖干货,不再错过发布发布中文翻译在使用进行本地开发代码 2017-07-07 前端日报 精选 了解JS中的全局对象window.self和全局作用域self « 张鑫旭-鑫空间-鑫生活Node.js 子进程:你应该知道...
摘要:一问题描述浏览器在版本之后出现一个,就是点击上传按钮时反应很慢,需要等待秒种之后才能弹出选择文件的对话框。二解决办法关闭的一个设置保护您和您的设备不受危险网站的侵害后,你打开文件选择框速度就飞起来了。 一、问题描述 Google chrome 浏览器在52版本之后出现一个bug,就是点击 input file上传按钮时反应很慢,需要等待3-5秒种之后才能弹出选择文件的对话框。比如 ...
摘要:标签的属性可用于指定上传文件的类型。但是这段代码在和等浏览器下却出现了响应滞慢的问题,可能要等才能弹出文件选择对话框。在和中使用属性则没有发现响应延迟的问题。同理,通过将通配符修改成指定的类型就可解决。 input[file]标签的accept属性可用于指定上传文件的 MIME类型 。 例如,想要实现默认上传图片文件的代码,代码可如下: 效果就是会默认过滤掉所有非图片文件。 但是! ...
阅读 3039·2021-11-23 09:51
阅读 3699·2021-10-08 10:05
阅读 3453·2021-09-22 15:35
阅读 3494·2021-09-22 10:02
阅读 2117·2021-09-14 17:57
阅读 2829·2021-08-30 09:49
阅读 383·2021-08-05 10:01
阅读 3202·2019-08-30 15:54