程序博客网 > 快速copy软件

上传图片动态预览(兼容主流浏览器)

来源：互联网发布：快速copy软件编辑：程序博客网时间：2024/05/20 18:43

允许转载，但请注明出处：http://blog.csdn.net/sysuzjz/article/details/41800605

做这个功能初始目的是为了在提交编辑前先查看效果，当然仅限于图片。

核心代码来源于网上，经测验有效

假设HTML如下：

<body>    <img src="#" id="logo" alt="上传的图片">    <input type="file" accept="image/*" id="upload" /></body>

JS如下：

document.getElementById("upload").onchange = function(){    var objUrl = getObjectURL(this.files[0]) ;    if (objUrl) {        document.getElementById("logo").setAttribute("src", objUrl) ;    }};//建立一個可存取到該file的urlfunction 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 ; }

0 0

快速copy软件

快速copy软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子化疗晚上睡不着怎么办化疗期间睡不着怎么办化疗期间失眠怎么办化疗失眠怎么办化疗后失眠怎么办葡萄酸怎么办希尔顿协议怎么办卡空格变成点怎么办肛裂老反复怎么办卡仕达导航死机怎么办石膏线裂开了怎么办吊顶石膏线裂缝怎么办石膏线接缝裂缝怎么办立邦漆买假了怎么办啊金钱树老叶黄了怎么办钱串子水浇多了怎么办金钱树不长新芽怎么办金钱树长歪了怎么办吊兰叶子尖发楛怎么办一叶兰发黄怎么办植物叶尖变黑怎么办一叶兰黄叶怎么办金钱木老庄折了怎么办? 兔博士收费怎么办南充山语城买菜怎么办移民签证拒签后怎么办植物叶子枯黄怎么办打印机打字不清楚怎么办高考成绩有误怎么办电脑出现analog怎么办原告开庭没带串烧怎么办奶水流进耳朵怎么办向日葵蔫了怎么办当了替罪羊怎么办没领证生的孩子怎么办夫妻有矛盾怎么办离婚后不迁户口怎么办承德御翠园以后怎么办二手房甲方违约怎么办幼儿园成长补贴怎么办 steam接口不稳定怎么办