美文网首页
如何获取input type=file的路径

如何获取input type=file的路径

作者: 一名鼻炎患者 | 来源:发表于2018-10-10 18:25 被阅读0次
<input class="weui_uploader_input" name='image' type="file" accept="image/*" multiple />  
//上传控件,选择后更改背景图

<script>
$("input[type='file']").change(function(){   
    var file = this.files[0];
    if (window.FileReader) {    
       var reader = new FileReader();    
       reader.readAsDataURL(file);    
       //监听文件读取结束后事件    
     reader.onloadend = function (e) {
       $(".weui_uploader_file").css("background-image","url("+e.target.result+")");   
       //e.target.result就是最后的路径地址
       };    
    } 
});
</script>

相关文章

网友评论

      本文标题:如何获取input type=file的路径

      本文链接:https://www.haomeiwen.com/subject/lzmhmftx.html