Home > Web Front-end > HTML Tutorial > 通过不同的浏览器得到上传图片并显示到页面上_html/css_WEB-ITnose

通过不同的浏览器得到上传图片并显示到页面上_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-06-21 09:18:25
Original
1182 people have browsed it

//表单代码<div class="col-sm-offset-1 col-sm-7">    <div class="well">        添加广告信息:        <form action="" method="post">        <input type="file" class="filestyle" data-buttonName="btn-primary" id="upload" onchange="localShowImage();">        <img  class="img-responsive lazy"  src="/static/imghw/default1.png"  data-src="" class="  id="perview"   alt="通过不同的浏览器得到上传图片并显示到页面上_html/css_WEB-ITnose" >        <input type="submit" class="btn btn-info" value="上传">        </form>    </div></div>
Copy after login
<script type="text/javascript">    function getOS(){        var OsObject = "";        if(navigator.userAgent.indexOf("MSIE")>0) {            return "MSIE";        }        if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){            return "Firefox";        }        if(isSafari=navigator.userAgent.indexOf("Safari")>0) {            return "Safari";        }        if(isCamino=navigator.userAgent.indexOf("Camino")>0){            return "Camino";        }        if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){            return "Gecko";        }    }    function localShowImage() {        // IE浏览器获取图片路径        this.getImgUrlByMSIE = function(fileid) {            return document.getElementById(fileid).value;        };        // 非IE浏览器获取图片路径        this.getImgUrlByUnMSIE = function(fileid) {            var f = document.getElementById(fileid);            return window.URL.createObjectURL(f.files[0]);        };        var imgsrc="";        var fid ='upload';        alert("getOS() = "+ getOS());        if("MSIE" == getOS()) {            imgsrc = this.getImgUrlByMSIE(fid);        } else {            imgsrc = this.getImgUrlByUnMSIE(fid);        }        document.getElementById('perview').src = imgsrc;    }</script>
Copy after login


Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template