网页展示本地图片

最新推荐文章于 2024-11-29 21:51:22 发布

原创最新推荐文章于 2024-11-29 21:51:22 发布 · 639 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

前端专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个JavaScript函数，该函数能够根据不同浏览器（IE、Firefox、Chrome）的特性来获取file输入域中选择的本地图片文件的URL。这对于实现网页中图片预览等功能非常有用。

/** 
* 从 file 域获取 本地图片 url 
*/ 
function getFileUrl(sourceId) { 
    var url; 
    if (navigator.userAgent.indexOf("MSIE")>=1) { // IE 
        url = document.getElementById(sourceId).value; 
    } else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox 
        url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); 
    } else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome 
        url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); 
    } 
    return url; 
}