js获取文件上传的路径-随时记 

所有栏目

ALL CONTENT

js获取文件上传的路径



js获取文件上传的路径,需要用到的函数:

var render = new FileReader();  //获取文件的函数

render.readAsDataURL(file);   //方法

案例:

<div class="ceshi"><input type="file" name="file" multiple="multiple"/></div>
        <script type="text/javascript">
            $(".ceshi input").change(function(){
                var files = $(this)[0].files;
                for(var i=0;i<files.length;i++){
                    var render = new FileReader();
                    render.onload = function(evt){
                        console.log(evt.target.result); //文件的路径
                    }
                    render.readAsDataURL(files[i]); //渲染每个文件
                }  
                
            });
        </script>