资讯专栏INFORMATION COLUMN

关于chrome点击上传反应慢的问题

toddmark / 338人阅读

摘要:文章出处最近项目中有一个文件上传的功能,可以上传压缩包文件,遇到一个问题,就是个别电脑点击上传控件时,需要四五秒左右才会有反应。由于我们请求不到海外服务器,会等到连接诶失败,才会弹出上传文件窗口。

文章出处: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

相关文章

  • 2017-07-07 前端日报

    摘要:前端日报精选了解中的全局对象和全局作用域张鑫旭鑫空间鑫生活子进程你应该知道的一切直出内存泄露问题的追查实践我他喵的到底要怎样才能在生产环境中用上模块化腾讯前端大会大咖说大咖干货,不再错过发布发布中文翻译在使用进行本地开发代码 2017-07-07 前端日报 精选 了解JS中的全局对象window.self和全局作用域self « 张鑫旭-鑫空间-鑫生活Node.js 子进程:你应该知道...

    import. 评论0 收藏0
  • API

    摘要:是一个极度纯净的上传插件,通过简单调整就可以融入到任何项目,支持多文件上传上传速率动态控制真实进度监控分块生成分块上传校验秒传暂停取消等。 跨域学习笔记 前言: 当一个资源,向与之所在服务器不同的域或端口请求另一个资源时,这个HTTP请求,我们认为是跨域的请求。出于安全考虑,浏览器会限制脚本发起的跨域HTTP请求。 那天后端让我把token放到http请求头字段里,说是为了和RN端统一...

    lsxiao 评论0 收藏0
  • Google Chrome file accept 慢 卡 解决办法

    摘要:一问题描述浏览器在版本之后出现一个,就是点击上传按钮时反应很慢,需要等待秒种之后才能弹出选择文件的对话框。二解决办法关闭的一个设置保护您和您的设备不受危险网站的侵害后,你打开文件选择框速度就飞起来了。 一、问题描述 Google chrome 浏览器在52版本之后出现一个bug,就是点击 input file上传按钮时反应很慢,需要等待3-5秒种之后才能弹出选择文件的对话框。比如 ...

    aristark 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<