H5页面实现下载文件兼容移动端

问题1：之前写的H5 blob方式下载主要是以后台返回文件流的方式进行下载 pc端没有问题发现有些手机不支持

移动端的下载的方式改成通过文件Url直接下载或打开但是这种方式不太安全

方式一 iframe方式发现有的手机图片下载不支持

function downloadHandle (url) {let iframe = document.getElementById('downloadIframe')if (iframe) {document.body.removeChild(iframe)}iframe = document.createElement('iframe')iframe.setAttribute('id', 'downloadIframe')iframe.style.display = 'none'iframe.src = "javascript: '<script>location.href=\"" + url + "\"<\/script>'"document.getElementsByTagName('body')[0].appendChild(iframe)}

方式二 from提交方式发现有的手机图片下载是当前地址栏直接打开

function downloadHandle (url) {let form = document.getElementById('downloadForm')if (!form) {form = document.createElement('form')form.setAttribute('id', 'downloadForm')document.getElementsByTagName('body')[0].appendChild(form)}form.action = urlform.submit()}

综合以上问题暂时根据文件的url截取一下文件的后缀名图片格式的我暂时用window.open方式其他格式用以上两种方式都可以。

哪位大佬有更好的意见请多多指教！

H5页面实现下载文件兼容移动端相关推荐

H5 -- 微信h5页面中下载第三方app的方法
需求:在微信h5页面中下载第三方app -- 安卓, 直接下载apk文件包:iphone,跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX ...
[html] 制作一个页面时，需要兼容PC端和手机端，你是要分别做两个页面还是只做一个页面自适应？为什么？说说你的理由
[html] 制作一个页面时,需要兼容PC端和手机端,你是要分别做两个页面还是只做一个页面自适应?为什么?说说你的理由两个页面 pc端布局和交互行为跟移动端不一样, 两个页面反而更好维护个人简介 ...
【日常点滴015】微信小程序直接下载文件到PC端
微信小程序直接下载文件到PC端方法一 : 方法二: 下载函数内的全部代码附promise同时多张图片上传方法方法一 : 需要点击下载 =>手动给定后缀名=>保存文档给的方法,但是保 ...
使用微信API实现H5页面播放音频文件
之前在处理H5页面播放音频文件的时候,总是需要搞一个https才能正常播放,一次无意浏览到了一个自动播放音频的页面,发现了使用微信Api可以不使用https也能播放音频文件.作为记录,简单页面实现如下 ...
post请求下载文件(兼容IE)
post请求下载文件(兼容IE) 有时候由于下载文件的url携带的参数过多,导致整个url长度超过get请求的上限,这个时候需要更换为post请求,具体实现如下 function downLoadFi ...
需求：在微信h5页面中下载第三方app —— 安卓，直接下载apk文件包；iphone，跳转AppStore
分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不支持通过scheme跳转第三方app) 点击查看案例地址变通方法: 一.借助TX的应用市 ...
h5页面怎么处理文件流_H5页面实现下载文件（apk、txt等）的三种方式
需求描述 ---->>>评论里面指出有的类型的文件下载不了,主要是因为下面的方法本质上都是改变location.href,当浏览器不能'理解'这种类型时,就会直接下载,反之,浏览器就 ...
h5 ios Safair下载文件自动添加.html导致文件乱码问题，ios不能使用接口播放视频的问题
需求:h5 页面下载pdf,doc,docx,xlsx,xls 文件的功能在安卓手机和 ios上的uc浏览器是可以正常的下载或者预览的但是在ios的Safair 下载时会被自动添加html尾缀 ...
h5页面怎么处理文件流_一种H5页面效果生成视频文件的方法及系统与流程
本发明涉及计算机技术领域,尤其涉及一种H5页面效果生成视频文件的方法及系统. 背景技术: 现有的视频合成方法均是将视频需要合成的各个元素拆分出来,针对每个元素进行合成视频,复杂度高,一旦需要添加新的动 ...

H5页面实现下载文件兼容移动端

H5页面实现下载文件兼容移动端

H5页面实现下载文件兼容移动端相关推荐

最新文章

热门文章