Question

js 移动端通过createObjectURL生成的http连接打不开

代码如下
var tempFile = dataURLtoFile(header+value['fields']['file']['data'],'tempFile');
var ul = window.URL.createObjectURL(tempFile);
location.href =ul;
//window.open(ul);
在PC端是可以打开这个url的 但是在手机端就不可以，location.href根本不跳转

Answer 1

1. 是不是缓存（估计不是）这样试试

   window.location.href = ul+'?time='+((new Date()).getTime());
   

2. 试试reload

   window.location.reload(ul+'?time='+((new Date()).getTime()));
   

3. 网上看见个解决办法

在移动web中，经常会使用window.location.href去跳转页面，这个方法在绝大多数浏览器中都不会存在问题，但是在安卓手机的微信自带浏览器中，会出现一个奇怪的bug
window.location.href = baseUrl + 'article/comment';
上面的代码是通过href属性赋值去跳转到文章的评论页面，这段代码在安卓手机的微信自带浏览器中会偶发性的失效，调用上面的代码后，浏览器进度条加载完后，页面并没有跳转，还是停留在当前页面。
暂时还没找到具体的原因，但是当时遇到问题时，感觉是缓存在捣乱，所以尝试着给跳转链接后面加了一个随机数或者时间戳，结果是问题解决了。
window.location.href = baseUrl + 'article/comment?v='+(new Date().getTime());
window.location.href = baseUrl + 'article/comment?v='+Math.random();


作者：胖芮
链接：https://www.jianshu.com/p/d1cfc2584301
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

Answer 2

可能是不支持手机端吧。