关于使用file上传图片获取图片绝对路径

来源:互联网 发布:古代西亚北非文明知乎 编辑:程序博客网 时间:2024/06/07 11:33
<script type="text/javascript">    $(document).ready(function() {        var obj = document.getElementById("u_file");//input file对象 必须用document.get        $("#u_file").change(function () {            $("#up_img").attr("src", getObjectURL(obj));//将图片的src变为获取到的路径        })        function getObjectURL(node) {            var imgURL = "";            try {                var file = null;                if (node.files && node.files[0]) {                    file = node.files[0];                } else if (node.files && node.files.item(0)) {                    file = node.files.item(0);                }                //Firefox 因安全性问题已无法直接通过input[file].value 获取完整的文件路径                try {                    //Firefox7.0                    imgURL = file.getAsDataURL();                    //alert("//Firefox7.0"+imgRUL);                } catch (e) {                    //Firefox8.0以上                    imgURL = window.URL.createObjectURL(file);                    //alert("//Firefox8.0以上"+imgRUL);                }            } catch (e) {      //这里不知道怎么处理了,如果是遨游的话会报这个异常                //支持html5的浏览器,比如高版本的firefox、chrome、ie10                if (node.files && node.files[0]) {                    var reader = new FileReader();                    reader.onload = function (e) {                        imgURL = e.target.result;                    };                    reader.readAsDataURL(node.files[0]);                }            }            return imgURL;        }        })</script>