admin管理员组

文章数量:1637858

上传文件时，有时候需要获取文件路径，但是浏览器安全机制，使得路径被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>


本文标签： 路径文件上传jsfakepath

版权声明：本文标题：js获取文件上传路径（解决出现fakepath的问题） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1725727410a1039129.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。