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

图片上传预览的实现

作者: 虎虎虎呼呼 | 来源:发表于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