图片加载问题

来源:互联网 发布:农业资源与环境知乎 编辑:程序博客网 时间:2024/06/08 11:51

                                    document.getElementById("mypic").innerHTML = "<img alt='面条图' width='40' height='30' src='../style/image/loading.gif'/>";
                                    var obj = new Image();
                                    obj.src=path;
                                    //加载成功显示图片
                                    obj.onload = function(){
                                        document.getElementById("mypic").innerHTML = "<img id='picture' alt='箱线图' width='900'   src='"+this.src+"'>";
                                    }
                                    //加载失败显示图片
                                    obj.onerror = function(){
                                        document.getElementById("mypic").innerHTML = "<img id='picture' alt='箱线图' width='900'   src='../style/image/zwtp.jpg'>";
                                    }                                 
0 0
原创粉丝点击