图片上传预览的实现

由于安全性的考虑,js不能访问本地文件,只能通过网络来访问文件,文件的上传预览其实也不是让我们直接访问到文件,而是生成一个虚拟url来访问。
要用到的函数就是createObjectURL.
在不同的浏览器中,使用也不同,这里提供一个通用函数。在线预览http://jsrun.net/VpiKp/edit

    function getFileUrl(file) {
        var url = null;
        if (window.createObjectURL != undefined) {
            url = window.createObjectURL(file);
        } else if (window.URL != undefined) { // mozilla(firefox)
            url = window.URL.createObjectURL(file);
        } else if (window.webkitURL != undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file);
        }
        return url;
    }

你可能感兴趣的:(图片上传预览的实现)