Question

我有这个代码，我已经从w3schools中正确地复制了它来测试它：

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("images/sketchbook/thumb/babymat_thumb.jpg");
  });
});

在另一个div中打开图像。它适用于html文档，但我想知道是否可以修改此代码以打开图像？我尝试做的任何事情似乎都不起作用。（相反，我得到了一堆代码，比如当你在记事本或Word中打开图像时）

已解决 - 我曾经'追加'下面给出的代码但是用“＆gt;而不是”/＆gt;结束了img src因为它不会起作用

Answer 1

试

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").append('<img src="images/sketchbook/thumb/babymat_thumb.jpg" />');
  });
});

Answer 2

如果您只是想“平稳/即时”加载图片，请尝试

$(document).ready( function() {
  $("button").click (function() {
    $("#div1").append('<img src="img/01/02/example.png" />');
  });
});

如果您尝试通过AJAX加载它，请记住。出于安全考虑，您只能从SAME DOMAIN加载内容。由于您在本地开发，因此无法使用本地文件协议。请尝试以下方法。

$(document).ready( function() {
  $("button").click( function( ){
    $("#div1").load("file:///C:/Users/NOPE/Desktop/photo%203.JPG");
  });
});

如何使用ajax代码.load（）在div层（如html页面）中加载/打开图像？

2 个答案: