input-File选择图片展示在页面上

最新推荐文章于 2021-06-21 23:14:41 发布

转载最新推荐文章于 2021-06-21 23:14:41 发布 · 1k 阅读

文章标签：

21 篇文章

订阅专栏

本文介绍了一种方法，用于在浏览器中为文件创建一个可访问的URL，并实现实时预览更改的功能。该方法适用于多种浏览器环境，包括基本环境、Mozilla Firefox和Webkit或Chrome。通过监听文件变化，可以即时更新页面展示，实现用户上传文件后的实时预览效果。

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

/**

建立一個可存取到該file的url
@param file
@returns {*}
/
var getObjectURL = function (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 ;
};
/*
flie发生改变的时候，页面展示
*/
$KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲avatarInput").c\dots$ ("#handIco").prop(“src”,getObjectURL($("#avatarInput")[0].files[0]));
　　toEditChild(“ico”);
});