js獲取檔案上傳路徑（解決出現fakepath的問題）
阿新 • • 發佈：2019-01-24
上傳檔案時，有時候需要獲取檔案路徑，但是瀏覽器安全機制，使得路徑被fakepath代替，獲取不到
下面的程式碼解決這個問題，支援Chrome，其它瀏覽器沒測試，用的時候注意
程式碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>上傳file屬性</title> <script src="jquery.min.js"></script> </head> <body> <input id="input-file" class="upload" type="file" value=""> <img src="" alt=""> </body> <script> $(function(){ $('.upload').change(function(){ var oFReader = new FileReader(); var file = document.getElementById('input-file').files[0]; oFReader.readAsDataURL(file); oFReader.onloadend = function(oFRevent){ var src = oFRevent.target.result; $('img').attr('src',src); } }) }) </script> </html>