jQuery实现图片上传预览

最新推荐文章于 2024-04-09 00:57:47 发布

qq_175****220

最新推荐文章于 2024-04-09 00:57:47 发布

阅读量606

点赞数

本文链接：https://blog.youkuaiyun.com/qq_29656961/article/details/80455369

版权

本文介绍了一种在浏览器环境中创建文件对象URL的方法，并通过一个具体示例展示了如何利用该方法为上传的图片生成临时URL并预览。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 function getObjectURL(file) {
        var url = null;
        if (window.createObjectURL != undefined) { // basic
            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;
    }
    $("#txtImagePath").change(function (event) {
        var imgpath = getObjectURL(this.files[0]);
        $("#BackgroundImageList").show();
        $("#hotelLogo").attr("src", imgpath);
    });

显示效果：