2 azkaban111 azkaban111 于 2016.04.27 17:17 提问

jQuery获取<input type="file">的绝对路径获取不到

想在选择文件之后标签里预览一下的,但是路径获取不到
查看资料说是安全性的问题,如果是这样,应该怎么解决?怎么才能获取路径。

4个回答

showbo
showbo   Ds   Rxr 2016.04.27 17:19

图片预览看这个:javascript客户端图片预览

获取客户端路径没意思而且安全范围外,获取不到

CSDNXIAOD
CSDNXIAOD   2016.04.27 17:22

js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

xlxlxl123
xlxlxl123   2016.04.27 17:31

使用HTML5的FileReader接口处理

 window.onload = function(){
    $('.file_inp_btn').change(function(){
      var files = this.files;
      var file = files[0];
      //这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件 
      if(!/image\/\w+/.test(file.type)){ 
        alert("请确保文件为图像类型"); 
        return false; 
      } 

      var reader = new FileReader(); 
      reader.readAsDataURL(file); 
      reader.onload = function(e){      
        var urlsrc = this.result;
        $('#preview').attr('src', urlsrc);
      }
  });
}
hfmbook
hfmbook   2016.04.27 17:39
我很帅啊
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
关于input type=file 获取文件的路径问题
可以获取文件的绝对路径,在不同浏览器下,显示存在兼容问题。 在IE下可以获取绝对路径,在火狐浏览器下获取的是文件的名称。 在ie8以下的执行结果: 在火狐浏览器下的执行结果:
js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径
分为两部分,自己去判断浏览器的类型,然后调用不同函数,一定要引入jQuery,上面是我的Jquery的路径 在IE低版本中可以直接获得文件路径,不过在高版本和firefox和chrome中是不允许的。那是个漏洞 这样就能实现不用上传就可以实现图片的实时预览了 1.IE内核的部分,IE10 没问题,别的没试, [html] view plain
获取input type=file的文件路径
获取input type=file的文件路径
JS获取input file绝对路径问题
最近因需要上传文件到oracle blob里, 在获取文件路径的遇到些问题,由于安全原因,新版的浏览器都不支持直接获取本地URL,在网上找了些方法,如下: //FX获取文件路径方法 function readFileFirefox(fileBrowser) {     try {         netscape.security.PrivilegeManager.enablePriv
关于获取<input type='file'>获取文件的路径问题
想做一个根据用户提供的文件地址,然后根据文件的路径对文件进行检测,但是弄了好久发现仅仅只能获取到文件名,不能获取到文件的所在路径,查了好多资料,无果,所以换了种方法来实现。借用Struts2中的fileupload功能。 请选择待检测的文件: 在action文件中写上 package com.emptyResult; import
如何获取input type=file的路径
$("input[type='file']").change(function(){     var file = this.files[0];    if (window.FileReader) {                 var reader = new FileReader();                 reader.readAsDataURL(file);    
浏览器默认<input type="file"/>标签路径为虚拟路径,获取真实路径需要使用File类的API实现
居于安全考虑现代的浏览器无法获取到 这样的真实的路径,而得到的是:C://fakepath/文件名这样的结果,而如果我们要实现图片预览效果就需要绝对路径,那么可以使用以下方式实现图片的预览效果 script type="text/javascript"> var image = ''; function selectImage(file){
解决type=file中获取不到value值
做前端开发的童鞋肯定会遇到这样的需求,获取表单里面全部input的值。但是也不难发现这样的bug,给type=“file”的input标签赋值value,然后再通过js去获取value的时候,发现根本拿不到想要的那个值,拿到的是空字符串。通过zepto或者jquery的源码也可以看出来,form表单的参数序列化方法serialize$.fn.serializeArray = function() {
php HTML file 获取绝对路径
在php编程中,上传文件的时,往往我们有时候需要获取HTML控件file 的绝对路径,而file 本身的函数只提供了获取文件名称,以及大小,临时路径。以下给出获取绝对路径的详细实现:function chk(){ var fileurl = document.getElementById("file").value; document.getElementById("hid").val
js 获取、清空 input type="file"的值
上传控件基础知识说明:上传控件()用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它。很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页,你就可以随心所欲的上传他电脑上的文件了。 js 获取的值       function   show