解决安卓手机浏览器无法上传文件的问题 xhr.status = 0

最新推荐文章于 2023-07-05 14:54:19 发布

peterCZG

最新推荐文章于 2023-07-05 14:54:19 发布

阅读量3.6k

点赞数 2

分类专栏：前端文章标签： javascript html

本文链接：https://blog.csdn.net/qq_41777791/article/details/104544519

版权

本文档记录了解决安卓手机浏览器在使用XMLHttpRequest上传文件时出现xhr.status=0，导致上传失败的问题。作者在开发过程中发现，无论使用via浏览器、Chrome还是系统自带浏览器，上传文件始终无法成功，xhr.readyState为4，但status为0。经过排查，发现问题在于前端使用了localhost作为请求地址，导致手机无法正确访问同一服务器上的后端接口。将localhost替换为服务器实际IP后，问题得到解决。

摘要由CSDN通过智能技术生成

第二篇博客

解决安卓（手机）浏览器无法上传文件的问题 xhr.status = 0

Created by @一个前端er 2020/02/27

前端菜鸟一枚，欢迎各位大佬对本博文批评指正

昨天写了一个浏览器上传下载文件的一个demo，原生html5 + 原生js，没有依赖jquery，毕竟就一个网页，就用原生的XmlHttpRequest进行请求，都2020年了，就不想着兼容低版本的毒瘤IE浏览器了。后端用的是阿里开发的nodejs框架eggjs。eggjs虽然做不到开箱即用，但是文档现在还是挺全的，遇到的一些问题百度上也基本上都能搜到。

今天把前后端放到服务器上进行调试，用pc的chrome和edge浏览器都测试通过，就拿起了自己的手机进行调试，发现选择文件之后点击上传按钮后提示正在上传之后就没反应了，网速也是0.x kb/s。其实昨天在敲代码的时候我就发现了这个问题，不过当时不以为意，以为是局域网内不能访问，以为是个bug，没想到今天放到服务器上了还是不能访问，印象中昨天用手机浏览器调试的时候后端的控制台是没有日志打印出来的，那就意味着根本就没有访问后端的接口。

在这里就要推荐一下我一直在用的via浏览器啦——轻量级的手机浏览器，而且还能安装一些插件，界面也很简约。 via浏览器截图
一开始我以为是via浏览器用的安卓