开发者社区> 问答> 正文

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

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

展开
收起
吴孟桥 2016-06-06 15:05:53 6630 0
1 条回答
写回答
取消 提交回答
  • 使用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);
          }
      });
    }
    2019-07-17 19:28:41
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
<img src...[mitah].1536575523.pdf 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载