Question

我没有运气使用jQuery将图像文件拖入图像元素。这看起来很简单，但我显然缺少一些非常基本的东西。（我是一个完整的jQuery tyro，所以我可能在某个地方犯了一个愚蠢的错误。）

所有文件都在同一目录中（html，jquery-1.10.2.min.js，myImage.png）。

文字显示，但没有图片。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

    <head>
        <script type="text/javascript" src="jquery-1.10.2.min.js"></script> 
    </head>

    <body>
        beforeimage
        <img id="myImageElement" src="" />
        afterimage

        <script type="text/javascript">
        $('#myImageElement').load('myImage.png');
        </script>

    </body>

</html>

Answer 1

您应该尝试设置src标记的img属性。

$('#myImageElement').attr("src","myImage.png");

Answer 2

$(function() {
        $('#myImageElement').attr('src', 'http://davidnaylor.org/temp/thunderbird-logo-200x200.png');
});

最简单的通过jQuery加载图像的情况

2 个答案: