美文网首页
如何获取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