<!DOCTYPE html> <html> <head> </head> <body> jsReadFile:<input type="file" onchange="jsReadFiles(this.files)"/> <button onclick="jsReadFiles();">read</button> </body> <script src="jquery-3.2.0.min.js"></script> <script> //js 讀取文件 function jsReadFiles(files) { if (files.length) { var file = files[0]; var reader = new FileReader();//new一個FileReader實例 if (/text+/.test(file.type)) {//判斷文件類型，是不是text類型 reader.onload = function() { $('body').append('<pre>' + this.result + '</pre>'); } reader.readAsText(file); } else if(/image+/.test(file.type)) {//判斷文件是不是imgage類型 reader.onload = function() { $('body').append('<img src="' + this.result + '"/>'); } reader.readAsDataURL(file); } } } </script> </html>
轉載不知名作者。