图片上传预览的实现

由于安全性的考虑，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;
    }
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容