您的位置:首页> 实例代码> JS实例

路径 fakepath 关键字

2019-11-1 18:08| 作者: admin| 查看: 616| 评论: 0|来自: 蚂蚁部落

也许有不少朋友在前端上传文件后,获取其路径。

但是实际获取的路径中并非实际路径,里面包含有一个关键字 fakepath 。

看如下代码实例:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title> 
<script>
window.onload = () => {
  let file=document.getElementById("file");
  let img=document.getElementById("img");
  ant.onchange=function(){
    let src=this.value;
    img.src=src;
  }
}
</script>  
</head>
<body>
  <input type="file" id="file"  name="file"/>
  <br/>
  <img id="img" src="">
</body>
</html>

上述代码本的本意是上传图片后,能够在文件域底部预览图片。

但是并不能达到我们的预期效果,文本域上传图片后,谷歌开发者工具截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201911/01/180942v20z246947444g62.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

很显然,图片文件的实际路径被掩盖了,在低版本IE浏览器中不会出现此问题。

这个是现代标准浏览器出于各方面安全性的考虑,想路径的某一部分使用"fakepath "替代。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部