HTML5新增-----JS-上傳檔案之文字
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> </style> </head> <body> <input type="file" id="file" /> <input type="submit" id="btn"/> <div id="result"> </div> <script> var oFlie = document.getElementById("file") var oBtn = document.getElementById("btn") var oRes = document.getElementById("result") var oImg = document.getElementsByTagName("img") oBtn.onclick = function(){ var oType = oFlie.files[0].type var fs = oFlie.files[0] var pattern = /^(text)\/\w+/ if(!pattern.test(oType)){ oRes.innerHTML = "不可以上傳" } var reader = new FileReader() reader.readAsText(fs) reader.onload = function(){ oRes.innerHTML = this.result } } </script> </body> </html>
注意:文字如果有中文,文字的編碼最好是utf-8,編碼是ANSI的話會亂碼
使用: