Javascript 使用jQuery.load（）仅接收图像的字节码

我使用jQuery接收加载图像的字节码

是吗

因为没有指定MIMEType

因为我使用的是没有文件扩展名的图像url

因为我得把整件事都包起来

下面是一些示例代码：

HTML

  <div class="slide" data-img-src="http://lorempixel.com/200/100/technics/">
    <div class="slide-content">
      <h1>Heading 1</h1>
      <p>Just some random text for demonstration purposes.</p>
    </div>
  </div>

  <div class="slide" data-img-src="http://lorempixel.com/200/100/nature/">
    <div class="slide-content">
      <h1>Heading 1</h1>
      <p>Just some random text for demonstration purposes.</p>
    </div>
  </div>

标题1
只是一些随机文本用于演示目的

标题1
只是一些随机文本用于演示目的

Javascript

var ajax_load = "<img src='img/load.gif' alt='loading...' />";

$(".slide").each(function(index, el) {
    var img_src = $(this).attr('data-img-src');

    $(this).prepend(ajax_load);
    $(this).load(img_src, null, function() {
        console.log(img_src + " loaded");
    });
});

var ajax_load=”“；
$（“.slide”）。每个函数（索引，el）{
var img_src=$（this.attr（'data-img-src'）；
$（this）.prepend（ajax\u加载）；
$（this）.load（img_src，null，function（））{
console.log（img_src+“已加载”）；
});
});

---

你需要确保你试图检索的数据或HTML片段在同一个域中。由于同一原产地政策

由于浏览器的安全限制，大多数“Ajax”请求都受同源策略的约束；请求无法从其他域、子域或协议成功检索数据

对于load（）API速记方法，其在附加注释下：

---

您需要确保尝试检索的数据或HTML片段位于同一域中。由于同一原产地政策

由于浏览器的安全限制，大多数“Ajax”请求都受同源策略的约束；请求无法从其他域、子域或协议成功检索数据

对于load（）API速记方法，其在附加注释下：

---

您需要确保尝试检索的数据或HTML片段位于同一域中。由于同一原产地政策

由于浏览器的安全限制，大多数“Ajax”请求都受同源策略的约束；请求无法从其他域、子域或协议成功检索数据

对于load（）API速记方法，其在附加注释下：

---

您需要确保尝试检索的数据或HTML片段位于同一域中。由于同一原产地政策

由于浏览器的安全限制，大多数“Ajax”请求都受同源策略的约束；请求无法从其他域、子域或协议成功检索数据

对于load（）API速记方法，其在附加注释下：

---

如果您试图将图像的内容（通过AJAX加载）设置到只接受文本的字段中，我希望会发生这种情况。如果要将这些元素的内容替换为图像本身，请创建

属性：

var $img = $('<img/>', {src: img_src}).load(function(e) {
    // do something when the image has actually loaded?
});
$(this).empty().append($img);

var$img=$（'
如果您试图将图像的内容（通过AJAX加载）设置到一个只接受文本的字段中，我希望会发生这种情况。如果您想用图像本身替换这些元素的内容，请创建
属性：

var $img = $('<img/>', {src: img_src}).load(function(e) {
    // do something when the image has actually loaded?
});
$(this).empty().append($img);

var$img=$（'
如果您试图将图像的内容（通过AJAX加载）设置到一个只接受文本的字段中，我希望会发生这种情况。如果您想用图像本身替换这些元素的内容，请创建
属性：

var $img = $('<img/>', {src: img_src}).load(function(e) {
    // do something when the image has actually loaded?
});
$(this).empty().append($img);

var$img=$（'
如果您试图将图像的内容（通过AJAX加载）设置到一个只接受文本的字段中，我希望会发生这种情况。如果您想用图像本身替换这些元素的内容，请创建
属性：

var $img = $('<img/>', {src: img_src}).load(function(e) {
    // do something when the image has actually loaded?
});
$(this).empty().append($img);

var$img=$（'
如果图像和网页不在同一台服务器上，由于安全限制，您将无法将数据拉入不同服务器上的不同域。您可以尝试不同的AJAX方法，可能使用JSONP。下面是一篇关于使用JSONP和AJAX进行跨域数据检索的文章—如果图像和网页是不在同一台服务器上，则由于安全限制，您将无法将数据拉入不同服务器上的不同域。您可以尝试不同的AJAX方法，可能使用JSONP。下面是一篇关于使用JSONP和AJAX进行跨域数据检索的文章—如果图像和网页不在同一台服务器上，您将由于安全限制，无法将数据拉入不同服务器上的不同域。您可以尝试使用不同的AJAX方法，可能是使用JSONP。下面是一篇关于使用JSONP和AJAX进行跨域数据检索的文章-如果图像和网页不在同一服务器上，则无法将数据拉入不同的服务器由于安全限制，不同服务器上存在不同的域。您可以尝试不同的AJAX方法，可能使用JSONP。下面是一篇关于使用JSONP和AJAX进行跨域数据检索的文章--为什么在变量名之前使用dollarsign？请解释$（''，{src:img_src}）对我来说？@Manticore变量名开头的美元符号是一种流行的约定，表示变量引用了jQuery对象，因此您知道可以对其调用jQuery方法。这绝对不是必需的。
$（''，{src:img_src}）
部分是用于创建新DOM元素的重载jQuery函数。在本例中，我正在创建一个新的
属性，其值为
new\u src
）。为什么在变量名之前使用dollarsign？请解释$（''，{src:img\u src}）对我来说？@Manticore变量名开头的美元符号是一种流行的约定，表示变量引用jQuery对象，因此您知道您可以