來源於 https://www.cnblogs.com/lty1661489001/p/13130497.html
上傳文件時,有時候需要獲取文件路徑,但是瀏覽器安全機制,使得路徑被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>
轉自:https://blog.csdn.net/littlebearGreat/article/details/77101579
分類:
JavaEE