美文网首页
图片上传预览的实现

图片上传预览的实现

作者: 虎虎虎呼呼 | 来源:发表于2017-09-02 20:10 被阅读0次

由于安全性的考虑,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;
    }

相关文章

网友评论

      本文标题:图片上传预览的实现

      本文链接:https://www.haomeiwen.com/subject/yiqrjxtx.html