本地图片显示在网页

来源：互联网发布：干湿两用吸尘器知乎编辑：程序博客网时间：2024/05/20 10:51
<if condition="$member_info['member_avatar']">                        <img style="display: inline-block;border-radius: 100%" id="page-pic" width="80px"  height="80px"  src="__PUBLIC__/member/avatar/<!--{$member_info.member_avatar}-->"/>                    <else />                        <img style="display: inline-block;border-radius: 100%"id="page-pic" width="80px"  height="80px"  src="__PUBLIC__/member/avatar/grzx.png"/>                </if>                    <input type="file" onchange="filePic(this)" value="" placeholder="" id="member_avatar" name="member_avatar">/*** 从 file 域获取 本地图片 url*/function getFileUrl(sourceId) {var url;if (navigator.userAgent.indexOf("MSIE") >= 1 && !(navigator.userAgent.indexOf("MSIE 10.0") > 0) ) { // IE10取消了滤镜//url = document.getElementById(sourceId).value;document.all.imgOne.select();$("#preview").focus();url = document.selection.createRange().text;} else if (navigator.userAgent.indexOf("Firefox") > 0) { // Firefoxurl = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));} else if (navigator.userAgent.indexOf("Chrome") > 0) { // Chromeurl = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));}else if(navigator.userAgent.indexOf("MSIE 10.0") > 0){url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));}else{url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));}return url;}/*** 将本地图片 显示到浏览器上*/function preImg(sourceId, target) {var url = getFileUrl(sourceId);if(window.navigator.userAgent.indexOf("MSIE") >= 1 && !(navigator.userAgent.indexOf("MSIE 10.0") > 0) ) {var picpreview=document.getElementById("preview");picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url;}else{$("#page-pic").attr("src",url);}}function filePic(h) {if (!h.files.length) {alert("未选择文件");return;}var type, h_type;h_type = h.value.split(".");type = h_type[h_type.length - 1].toLocaleLowerCase();var file = h.files[0];if ((type != "jpg" && type != "png" && type != "jpeg")) {h.value = "";h.files = null;alert("抱歉，仅支持的jpg或png或者jpeg图片");return;}var hID = h.id;preImg(hID);}
阅读全文
0 0