使用JS讀取本地文字檔案（相容各種瀏覽器）

阿新 • • 發佈：2019-01-16

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        function upload(input) {  
            //支援chrome IE10  
            if (window.FileReader) {  
                var file = input.files[0 
];  
                filename = file.name.split(".")[0];  
                var reader = new FileReader();  
                reader.onload = function() {  
                    console.log(this.result);  
                }  
                reader.readAsText(file);  
            }   
            //支援IE 7 8 9 10   

            else if (typeof window.ActiveXObject != 'undefined'){  
                var xmlDoc;   
                xmlDoc = new ActiveXObject("Microsoft.XMLDOM");   
                xmlDoc.async = false;   
                xmlDoc.load(input.value);   
                console.log(xmlDoc.xml);   
            }   
             
//支援FF  
            else if (document.implementation && document.implementation.createDocument) {   
                var xmlDoc;   
                xmlDoc = document.implementation.createDocument("", "", null);   
                xmlDoc.async = false;   
                xmlDoc.load(input.value);   
                console.log(xmlDoc.xml);  
            } else {   
                alert('error');   
            }   
        }  
    </script>
</head>
<body>
<input type="file" onchange="upload(this)" />  
</body>
</html>

不僅可以讀取文字檔案，還可以讀取JS檔案，CSS，HTML等純文字格式，下面是執行效果（讀取了oracle的tnsnames.ora檔案）

使用JS讀取本地文字檔案（相容各種瀏覽器）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="te

js讀取本地json檔案

js程式碼： // 獲取api的ip部分 var mJson=$.ajax({url:"api.json",async:false});

JS呼叫本地攝像頭拍照（相容各大瀏覽器及IE8+）

最近做的專案遇到了個難題，使用video+canvas+getUserMedia()寫的呼叫本地攝像頭拍照不相容IE。原因：IE8及以下不支援HTML5標籤：video和canvas；IE11及以下所有版本，包括Edge都不支援getUserMedia()。

微信小程式自定義導航（相容各種手機）

瞭解小程式預設導航如上圖所示，微信導航分為兩部分，第一個部分為statusBarHeight，劉海屏手機（iPhone X，小米8等）會比其他的手機高很多，第二部分為titleBarHeight，安卓和IOS的高度不同，但是IOS高度是一樣的，IOS高度是一樣的, 所以我們要實現一個相容不同手機的導

自定義微信小程式導航（相容各種手機）

詳細程式碼請見github，請點選地址，其中有原生小程式的實現，也有wepy版本的實現瞭解小程式預設導航如上圖所示，微信導航分為兩部分，第一個部分為statusBarHeight，劉海屏手機（iPhone X，小米8等）會比其他的手機高很多，第二部分為titleBarHeight，安卓和IOS的高

如何從網頁中呼叫本地exe應用程式（相容各個瀏覽器）

傳統的方式就是針對各個不同的瀏覽器去開發不同的外掛，今天我要來介紹另一種方式。大家都知道網頁中啟動QQ對話方塊，是通過 tencent://message/?uin=1278230143&Site=&menu=yes 這樣一個

js讀取Excel的資料（僅IE有效）

/** * desc:解析一個本地excel，返回一個二維陣列 * param {}物件屬性 path,sheet,rowStart,rowEnd,colStart,colEnd,cols, cols為陣列如[1,3,5]表示135列 * param.path (Excel的路徑) 必需

js,jquery字串轉換json，相容各種瀏覽器

第一種：eval方式解析 [javascript] view plaincopy function strToJson(str){ var json = eval('(' + str + ')'); return json;

通過瀏覽器開啟本地exe應用（支援任意瀏覽器）

IE瀏覽器下開啟指定路徑的EXE檔案： function Run(strPath) { //alert(strPath); try { var objShell = new ActiveXObject("wscript.shell"); objShell.Run

實時監聽input輸入的變化（相容主流瀏覽器）

【轉載】監聽輸入框的值，一般通過onchange/onkeyup/onkeypress/onkeydown實現，但是這存在著一些不好的使用者體驗。比如onchange事件只在鍵盤或者滑鼠操作改變物件

Java開發線上開啟編輯儲存Word檔案（支援多瀏覽器）

Java呼叫PageOffice實現線上編輯儲存Word檔案（以jsp呼叫為例，支援SSM、SSH、SpringMVC等流行框架）1. 下載PageOffice開發包：http://www.zhuozhengsoft.com/dowm/ 下載PageOffice for JA

轉換textarea換行符終極解決辦法（相容所有瀏覽器）

寫一個function，清除字串前後的空格。（相容所有瀏覽器）

if(!String.prototype.trim){ String.prototype.trim=function(){ //利用正則匹配去除字串前後空格 re

前臺JS（type=‘file’）讀取本地檔案的內容，相容各種瀏覽器二

前臺js讀取本地檔案內容方法： 1、IE用new ActiveXObject("Scripting.FileSystemObject") 2、其他用FileReader物件 html5的方法說法不嚴謹，具體自己測試，複製以下程式碼儲存為html直接可以執行。 <!DOCT

前臺JS（type=‘file’）讀取本地檔案的內容，相容各種瀏覽器一

前臺JS讀取本地檔案內容，相容IE7、8、9、10 FF Chrome等各種版本，糾結了好長時間，終於找到方法，希望能幫到你，程式碼如下。直接複製儲存為html執行看效果。 <!DOCTYPE html> <html> <head&g

win7（64位）Sql server 用T-sql讀取本地資料檔案dbf的資料檔案

原文地址：https://www.cnblogs.com/cl1006/p/9924066.html 第一步啟用Ad Hoc Distributed Queries 在SQLserver執行以下的語句： exec sp_configure 'show advanced options

讀取本地座標檔案，在百度地圖畫運動軌跡（2018新華三“物聯網終端行為分析”第三題）

目錄問題描述解決思路 1.註冊百度金鑰 2.建立本地TXT檔案。 3.編寫HTML程式碼 4.搭建本地HTML伺服器 5.在百度地圖顯示運動軌跡參考文獻問題描述該部分內容來自新華三NAVIGATE創客節-黑客鬆“物聯網終端行為分析”第三題：已知一

一段js實現複製文字內容到剪下板（該方法相容所有瀏覽器~）

function copyUrl2() { var Url2=document.getElementById("biao1").innerText; var oInput = document.createElement('input'); oInpu

android app 讀取本地.db檔案，實現不變資料本地化（附小demo）

今天是正月十三，作為壽星的我依然奮鬥在工作中，醉了。-------------喧囂的成人世界，守住本真的心。在專案中，有一部分資料，雖然是從介面拿取的，但是這些資料有個特點，就是一般不會再去改變了。對於這樣的資料來說，我是絕對不會每次用都去調介面，請求資料需要時間，需

struts：poi讀取excel檔案（相容2003、2007）

1、jsp程式碼： <div style="margin-bottom:10px;"> <input type="file" name="filedata" id="file" multiple/> <input type="button" val

使用JS讀取本地文字檔案（相容各種瀏覽器）

相關推薦