File 控件选中文件图片后 ,转为实际路径 显示在页面上

我们file 选中文件   ,返回的路径是虚拟路径(错误的路径),

我们可以使用以下方法,把该虚拟路径  转为base64 的路径

,然后就可以显示在页面上预览了。

$("#upLoad").change(function () {   File每次选中文件

            var file = document.getElementById('upLoad').files[0]; //你的input的标签       

            var oFReader = new FileReader();

            oFReader.readAsDataURL(file);           

         oFReader.onloadend = function (oFRevent) {      

           var src = oFRevent.target.result;        

         $('.entry').css("background", "url(" + src + ")");     

        }

        })

原文地址:https://www.cnblogs.com/liuzheng0612/p/10870834.html