Javascript img包装不'；t显示png_Javascript_Html_Jquery

Javascript img包装不'；t显示png

javascript html jquery

Javascript img包装不'；t显示png,javascript,html,jquery,Javascript,Html,Jquery,我的代码显示jpg图像，但不显示png。如何使img包装器显示png文件？在我的示例中，数组中的第一个图像是jpg，而第二个是png。但我只看到png文件的图像标题。谢谢代码： $（this.css（'height'，'100px'）； var get_a_image=[”http://iancaple.ru/upload/images/20200804_225812.jpg", "http://iancaple.ru/upload/images/313.png"]; var计数器=1； v

我的代码显示jpg图像，但不显示png。如何使img包装器显示png文件？在我的示例中，数组中的第一个图像是jpg，而第二个是png。但我只看到png文件的图像标题。谢谢

代码：


$（this.css（'height'，'100px'）；
var get_a_image=[”http://iancaple.ru/upload/images/20200804_225812.jpg", "http://iancaple.ru/upload/images/313.png"];
var计数器=1；
var ready_cnt=0；
$（文档）.ready（函数（）{
$（'#outerdiv'）。追加(
$（''）。道具({
id:'myDiv1'，
//innerHTML：“你好！”，
类名：“img包装器”
})
);
$（'#outerdiv'）。追加(
$（''）。道具({
id:'myDiv2'，
//innerHTML：“你好！”，
类名：“img包装器”
})
);
对于（变量i=0；i<2；i++）{
$（'#myDiv'+（ready_cnt+1））.append（$（'
}))；
问题在于断开的链接http://iancaple.ru/upload/images/313.png
。粘贴此链接浏览器不会显示任何图像。请确保链接可访问
第一个链接工作正常，因此也会显示图像
让我知道这是否解决了您的问题。
HTML ImageElement与png文件没有问题。您知道您的urlhttp://iancaple.ru/upload/images/313.png
指向任何地方？是链接已断开。文件名为space313。png您能接受我的回答吗？或者您需要进一步的帮助吗谢谢。第一个问题已解决。B但是现在我需要用img包装器保存用户调整的div大小。你知道怎么做吗？你可以使用var w=window.innerWidth；var h=window.innerHeight
<html>
<head>
<link rel="stylesheet" type="text/css" href="view_topic.css">
</head>

<body>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<div id="outerdiv"></div>
<script>

$(this).css('height',"100px");

var get_a_image = ["http://iancaple.ru/upload/images/20200804_225812.jpg", "http://iancaple.ru/upload/images/313.png"];
var counter = 1;
var ready_cnt = 0;

 $(document).ready(function() {

$('#outerdiv').append(
    $('<div>').prop({
        id: 'myDiv1',
        //innerHTML: 'Hi there!',
        className: 'img-wrapper'
    })
);

$('#outerdiv').append(
    $('<div>').prop({
        id: 'myDiv2',
        //innerHTML: 'Hi there!',
        className: 'img-wrapper'
    })
);

for (var i = 0; i < 2; i++) {
    $('#myDiv' + (ready_cnt + 1)).append($('<img id="theImg2">').attr({
        'src': get_a_image[ready_cnt], //'https://' + imgUrl ,
        'alt': 'test image ' + ready_cnt + 1
    })).scrollTop(9999)
    console.log("get_a_image[" + ready_cnt + "]=" + get_a_image[ready_cnt]);
    console.log('#myDiv' + (ready_cnt + 1));
    ready_cnt++;
}