標籤：hub 啟動 odi core page targe 項目 tor ati
需求：在手機瀏覽器或者其他瀏覽器中開啟pdf
準備：前端外掛程式：尋找pdf.js 官網地址：http://mozilla.github.io/pdf.js/ 在官網中下載demo
注釋：pdf的demo 必須在web項目中開啟，所以必須得部署web項目
官方API,如下
畫方框的檔案目錄結構，請不要更改，直接在下載的demo中拷貝出來
demo 地址：
Web 專案中檔案的目錄
testPdf.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="ISO-8859-1"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Insert title here</title></head><body> <button>線上瀏覽pdf</button></body><script type="text/javascript"> function browserPdf() { $.ajax({ url: ‘http://192.168.1.110:8060/mypdf/testPDF.pdf, type: "get", success: function(xhr, data){ if (navigator.userAgent.indexOf(‘Android‘) > -1) { //判斷移動端是android 還是ios ，若是android 則要藉助pdf外掛程式 window.location.href = "http://192.168.1.110:8060/js/web/viewer.html?file="+url; } else { //ios直接開啟pdf //window.location.href = url; window.location.href = "http://192.168.1.110:8060/js/web/viewer.html?file="+url; } }, error: function(){ //window.location.href = ‘${ctx}/core/user.androidPdf.do?mid=‘+mid+"&name="+storagename+"&realname="+realname; window.location.href = "http://192.168.1.110:8060/js/web/viewer.html?file="+url; } }); } </script></html>
項目啟動，之後進行訪問
：
移動端展示pdf（線上開啟pdf）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
