一：这种情况的话安卓会打开浏览器下载该文件，苹果的会打开页面

<a href=javascript:downloadfile("url.value") style="color: #007aff">文件.doc</a>

function downloadfile(hrefurl) {var url= hrefurl;var agent = navigator.userAgent.toLowerCase();var android = agent.indexOf("android");if(android != -1){window.WebViewJavascriptBridge.callHandler('openhref', '{"content":"' +url + '"}', function(responseData) {});}else{location.href=url;//var params = JSON.stringify({"url":url});//window.webkit.messageHandlers.Openhref.postMessage(params);}
}function connectWebViewJavascriptBridge(callback) {if (window.WebViewJavascriptBridge) {callback(WebViewJavascriptBridge)} else {document.addEventListener('WebViewJavascriptBridgeReady', function() {callback(WebViewJavascriptBridge)},false);}}connectWebViewJavascriptBridge(function(bridge) {bridge.init(function(message, responseCallback) {console.log('JS got a message', message);var data = {'Javascript Responds': '测试中文!'};if (responseCallback) {console.log('JS responding with', data);responseCallback(data);}});bridge.registerHandler("functionInJs", function(data, responseCallback) {document.getElementById("show").innerHTML = ("data from Java: = " + data);if (responseCallback) {var responseData = "Javascript Says Right back aka!";responseCallback(responseData);}});})

二：这一种做法对于苹果的不是很友好，但是在安卓端能打开doc类文件

方式一：普通a标签 href属性实现

<a href="文档地址"></a>

方式二：iframe内嵌

$("<iframe src='"+ this.previewUrl +"' width='100%' height='362px' frameborder='1'>").appendTo($(".video-handouts-preview"));
此外还可以在iframe标签之间提供一个提示类似这样
<iframe :src="previewUrl" width="100%" height="100%">This browser does not support PDFs. Please download the PDF to view it: <a :href="previewUrl">Download PDF</a>
</iframe>

方式三：通过jquery插件jquery.media.js实现（实现pdf预览功能（包括其他各种媒体文件），word等类型的文件不行）

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>
html结构：<body><div id="handout_wrap_inner"></div></body>
调用方式：
<script type="text/javascript">  $('#handout_wrap_inner').media({width: '100%',height: '100%',autoplay: true,src:'http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf',});
</script>

方式四：a标签直接打开

<a href="http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=http://www.xdocin.com/demo/demo.docx" target="_blank" rel="nofollow">XDOC</a>

方式五：文件在线预览功能

<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'>
</iframe>
/*src就是要实现预览的文件地址*/
/*具体文档看这微软接口文档*/
/*补充：google的文档在线预览实现同微软（资源必须是公共可访问的）*/
<iframe :src="'https://docs.google.com/viewer?url="fileurl"></iframe>

js 移动端下载 doc文件相关推荐

移动端下载xls文件
Android通过iframe的src属性直接填写链接下载后打开没有显示内容显示了js语句 window.open 和 a标签下载下来跟上面一样没有查找出这个问提的原因怎么解决但是ios是预览是可 ...
js通过URL下载服务器文件（可行方法）
本文讲述已知文件在服务器的地址,如何下载至本地其他博客分享的一般是这两种 1.通过window.open window.open('https://1.1.1.1/test.txt') 2.通过ge ...
解除百度云浏览器端对下载大文件的限制
百度网盘对浏览器端下载大文件做了一些限制,当超过一定大小的文件必须使用百度云管家才可以下载,这给用户的使用带来了不便. [不看分析请直接拉到页底] 1. 百度网盘限速原理当点击下载一个大文件的时候百 ...
【centos中doc文件打不开|centos7下载安装wps教程】
[centos中doc文件打不开|centos7下载安装wps教程] 一.wps for linux 安装教程 1.==linux版wps 的下载== 2.==wps的安装== 一.wps for l ...
使用POI将doc文件转换为html
需要的jar包有:有一些是依赖包,可以使用maven下载 doc文件转换为html文件 packagecom.gsww.sxzz.controller.service;importorg.apache ...
doc文件转换html,HTML+CSS入门如何使用POI将doc文件转换为HTML
本篇教程介绍了HTML+CSS入门如何使用POI将doc文件转换为HTML,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 需要的jar包有:有一些是依赖包,可以使用ma ...
php显示doc文件乱码,如何解决php doc 乱码问题
PHP下载DOC乱码最近做的一个系统,需要下载doc文件以前的代码下载完成后,打开总是乱码... google咯很久也没有解决办法后面总算搞定必须在Header之前进行清除,即 ob_end_ ...
JS逐页转pdf文件为图片格式
背景年前的时候,开发一个电子杂志项目,功能需求是通过上传pdf文件,将其转为图片格式,所以杂志的内容其实就是一张张图片不过当时技术要求用后端实现,所以使用的是PHP实现该功能.项目完成后,寻思着在 ...
python爬取百度文库doc_Python百度文库爬虫之doc文件
Python百度文库爬虫之doc文件说明:此文件是在爬取txt文件下的基础进行的,因此重复内容会一笔带过,不懂请看前面爬取txt文件链接对于文件的所有类型,我都会用一篇文章进行说明,链接: 一.网 ...
利用wget命令在linux中下载百度云盘文件
问题描述:有一个存储在百度云盘中的文件,需要上传到linux服务器上,先从云盘下载到本地再上传至linux服务器过程较为麻烦,想要利用linux的下载命令直接把文件从网盘下载至linux端. 方法步骤 ...

js 移动端下载 doc文件

一：这种情况的话安卓会打开浏览器下载该文件，苹果的会打开页面

二：这一种做法对于苹果的不是很友好，但是在安卓端能打开doc类文件

方式一：普通a标签 href属性实现

方式二：iframe内嵌

方式三：通过jquery插件jquery.media.js实现（实现pdf预览功能（包括其他各种媒体文件），word等类型的文件不行）

方式四：a标签直接打开

方式五：文件在线预览功能

js 移动端下载 doc文件相关推荐

最新文章

热门文章

js 移动端 下载 doc文件

一：这种情况的话安卓会打开浏览器下载该文件，苹果的会打开页面

二：这一种做法对于苹果的不是很友好，但是在安卓端能打开doc类文件

方式一：普通a标签 href属性实现

方式二：iframe内嵌

方式三：通过jquery插件jquery.media.js实现（实现pdf预览功能（包括其他各种媒体文件），word等类型的文件不行）

方式四：a标签直接打开

方式五：文件在线预览功能

js 移动端 下载 doc文件相关推荐

最新文章

热门文章

js 移动端下载 doc文件

js 移动端下载 doc文件相关推荐