1. 程式人生 > >HTML5APP開發-檢視不同文件

HTML5APP開發-檢視不同文件

主要目的是能夠在iPhone、Android裝置上檢視文件,列如PDF、ppt、xls等。

要求:體驗比較好,能夠翻頁檢視。

原因:後臺禁止訪問地址(防止伺服器暴露),然後將文件轉換成二進位制流(通過response 獲得輸出流,寫出二進位制檔案流)。

最終解決方案是使用H5+API的downloader,這個有官方文件。地址:點選開啟連結。使用plus.runtime.open()在iPhone裝置能夠調起本地服務檢視各種格式的文件(前提是先下載下來),Android平臺只能使用第三方應用打開了。

其他方案1:pdf.js

var pdfDoc = null,
				xp=[],
				a,
				b,
				pageNum = num,
				pageRendering = true,
				pageNumPending = true,
				scale = 0.5,
				canvas = document.getElementById('the-canvas'),
				ctx = canvas.getContext('2d');
PDFJS.getDocument(url).then(function(pdfDoc_) {
				pdfDoc = pdfDoc_;
				document.getElementById('page_count').textContent = pdfDoc.numPages;
				// Initial/first page rendering
				renderPage(pageNum);
				loadService.hide();
			});
缺陷:文件不能縮放。
其他方案2:呼叫原生程式碼。(我只會ios,iPhone端可以呼叫webview開啟,也可以用QLPreviewController

相關推薦

HTML5APP開發-檢視不同

主要目的是能夠在iPhone、Android裝置上檢視文件,列如PDF、ppt、xls等。 要求:體驗比較好,能夠翻頁檢視。 原因:後臺禁止訪問地址(防止伺服器暴露),然後將文件轉換成二進位制流(通過response 獲得輸出流,寫出二進位制檔案流)。 最終解決方案是使用H

使用NFS啟動Tiny4412開發板根系統

創建 question tar 重新編譯 文件夾 mdi friendly btree ima 1、Ubuntu14.04上搭建NFS服務 1.1、安裝NFS服務 $ sudo apt-get install nfs-kernel-server

Log4j按級別輸出日誌到不同配置

tails lin file true nds 配置文件 http strong 自定義 1、自定義LogFileAppender類,繼承DailyRollingFileAppender,實現Log4j按級別輸出日誌到不同文件。 package com.liying.

Eclipse4.7使用基礎 快捷鍵 alt + 左右箭頭 實現當前打開的不同間的切換

右箭頭 clip ima 快捷鍵 切換 優秀 箭頭 nbsp 學習 os :windows7 x64 jdk:jdk-8u131-windows-x64 ide:Eclipse Oxygen Release (4.7.0) 初始狀態   當前

logging模塊小知識--同時往不同寫日誌

set message 文件中 .get and sage name veh ger 當定義一個寫log的函數後,用logging多次調用該函數寫不同文件的日誌時,會出現只往一個文件中寫日誌。 因為logger會一直打開一個日誌handler,再次調用時,該handler仍

linux-不同之間的傳輸

linux 同文件 傳輸 一.文件歸檔######scp####上傳[root@server mnt]# scp * [email protected]:/mnt/ ##復制當前主機mnt中的所有文件到11主機的mnt中下載[root@server mnt]#scp [email protected]

Jetty插實現熱部署(開發時修改自動重啟Jetty)

max www. nbsp 很遺憾 pom als ati mave 重啟 在pom.xml文件中配置Jetty插件的參數:scanIntervalSeconds <plugin> <grou

在java web項目中怎麽使用href鏈接不同夾中的jsp

use scl 忘記密碼 -s 否則 href web 引用 log     在寫java web項目時需要定義很多jsp文件,如果全部統一放在WebContent的根目錄下看起來就會比較亂,時間久了自己也會找不到具體的jsp文件對應的功能是什麽,所以最好在WebConte

maven根據不同環境打包不同

pretty version config XML 接口 ins efault com 配置文件 一, 我們平時在項目開發過程中會根據不同的環境打包不同的文件。如數據庫連接文件,三方接口文件,日誌文件等等,他們在開發,測試和線上環境的配置不一樣,部署測試環境或線上環境都要改

8篇文章系統梳理ARM開發中的類型

arm tran pro 處理器 文件類型 str ofo %20 詳解   本系列給大家講的是嵌入式開發裏的各種文件,分為3個階段共8篇文章,本系列以IAR集成開發環境開發ARM Cortex-M處理器為例,其他環境可觸類旁通。 編譯階段 ARM Cortex-M開發

案例1-合並2個不同夾中的csv到另外一個目錄,相同的名進行數據合並,不同名直接移到新

$2 文件名 進行 pri dir head print then color 發現在ubuntu和centos中有些命令還不一樣,比如<<<可在centos中使用,但是ubuntu中不行 方法1,可在ubuntu和centos中使用 #!/bin/

shell和python對比對目錄下不同

技術文檔cat git_tar.py import subprocess,tarfile,osdef finds():tar = tarfile.open("test.tar.gz","w:gz")result=subprocess.call(‘git diff 99g

Python開發搜索腳本

Python#!/usr/bin/env python #coding:utf-8 import os, sys #判斷位置參數 argv_num = len(sys.argv) if argv_num != 3: print ("請至少輸入2位參數:") print ("########

微擎模塊開發manifest.xml詳解

微擎微擎在安裝或卸載模塊時會根據manifest.xml生成(或刪除)數據庫中相應記錄,並執行manifest.xml裏指定的腳本。<application setting='true'> <name><![CDATA[壹應用]]></name>

04 用戶個人信息和二次開發django的存儲系統

存在 引入 tracker 連接 code quest 安裝包 gis ase 用戶的個人信息的前端頁面如下: 業務邏輯分析 從上圖中可以看出,需要後端傳送的數據有,用戶的名字和練習的地址,和最近的瀏覽記錄。 用戶的名字和聯系的地址可以通過地址表(adre

在python web開發中的上傳與下載

iterator makedirs pat type med code 獲取 保存 media django 框架下 實現服務端的文件上傳與下載: import jsonimport osimport uuiddef attachment_upload(request

《Java開發學習大綱》V6.0

《Java開發大綱學習文件第六版》簡介:          該文件是根據企業高階Java從事IT行業多年開發經驗上所需要掌握的知識點大綱進行總結匯編,是Java開發工程師必備知識體系,系統化學習針對性非常強,邏輯分析能力非常清晰;技術方面覆蓋非常廣泛

使用zeal離線方式檢視ROSAPI

    用習慣了QT Assistant檢視API,覺得非常的方便。但是每次檢視ROS的API都會去開啟官網看,覺得難受。以前張瑞雷老師在課堂上向我們推薦了zeal也教了我們怎麼安裝。這裡我就寫一寫如何使用zeal安裝ros的api。   &nb

Linux下對lvm邏輯卷分區大小的調整(針對xfs和ext4不同系統)

volume group dev 減少 占用 ash oca host 不能 當我們在安裝系統的時候,由於沒有合理分配分區空間,在後續維護過程中,發現有些分區空間不夠使用,而有的分區空間卻有很多剩余空間。如果這些分區在裝系統的時候使用了lvm(前提是這些分區要是lvm邏輯卷

高通開發-預研

記得讀大學時,學院書記給我們這個專業上個一堂課,他說:大學,教你的不是某個問題該如何做,而是教你,某個問題你應該用什麼樣的思路去做。不僅在工作,更在生活中。比如,你碰到一件棘手的事情,你需要分析它,從結構、因果、原理等多方面去分析,然後採取不同的思路、如大事化小、對比、假想等