专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

js获取本地文件及目录的方法_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 3:35:27       共计:3617 浏览

js获取本地文件及目录的方法?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>3</title>

<script>

function getFullPath(obj) {

if (obj) {

//Internet Explorer

if (window.navigator.userAgent.indexOf("MSIE") >= 1) {

obj.select();

return document.selection.createRange().text;

}

//Firefox

if (window.navigator.userAgent.indexOf("Firefox") >= 1) {

if (obj.files) {

return obj.files.item(0).getAsDataURL();

}

return obj.value;

}

//兼容chrome、火狐等,HTML5获取路径

if (typeof fileReader != "undefined") {

var reader = new FileReader();

reader.onload = function(e) {

document.getElementById("pic").src = e.target.result + "";

}

reader.readAsDataURL(obj.files[0]);

} else if (browserVersion.indexOf("SAFARI") > -1) {

alert("暂时不支持Safari浏览器!");

}

}

}

function showPic(obj) {

var fullPath = getFullPath(obj);

if (fullPath) {

document.getElementById("pic").src = fullPath + "";

}

}

</script>

</head>

<body>

<input type="file" οnchange="showPic(this)">

<img src="" id="pic">

</body>

</html>

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:凯迪拉克cue官网_CSS学习 | ·下一条:如何快速从python基础理论转入应用实战_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有