使用jQuery和Ajax加载img
1-我尝试直接加载img，它不起作用：
$("#target").load("img.jpg");
2-我可以加载一个在另一个html中的img。这里我在div目标中加载了img.html中的img1中的img：
$(function(){
$("#linkajax").click(function(e){
e.preventDefault();
$("#target").load("img.html #img1");
});
})
浏览 4提问于2013-03-07得票数 1
我将博客文章存储为HTML，这样我就可以定制它们的格式了。使用Django框架，我将blog post HTML从数据库加载到子类模板的内容块中。我想在博客上有一个图片。如何格式化图像src以加载存储在静态文件夹中的图像。
Django教程()给出的示例如下：
<img src="{% static assets/img/some_img.jpg %}" />
在内容块中不工作。但是，我已经成功地使用了以下语法，我从这里找到了模板页面中硬编码的()：
<img src="{% with assets/img/some_img.jpg as img_ur
浏览 3提问于2019-04-01得票数 0
1回答
我已经安装了bj懒散加载插件，但它不是工作在创世纪主页的特色图像。
根据BJ延迟加载插件官方文档，我们可以使用下面提供的代码片段将延迟加载支持添加到其他映像中。
<?php
$img_html = '<img src="myimage.jpg" alt="">';
$img_html = apply_filters( 'bj_lazy_load_html', $img_html );
echo $img_html;
?>
但是现在我对如何在创世纪框架中实现它感到困惑。
编辑：我试图避免那些需要jQuery或
浏览 1提问于2016-11-07得票数 0
回答已采纳
3回答
我在jQuery中使用.load()加载html内容，但在此内容中嵌入了3/4的图像。success事件仅在加载完所有html而不是图像时触发.load()，有谁知道预加载页面完整内容的方法吗？
$('#ajax_loader').hide().load('page.html',function(){
$(this).fadeUp(1000);
});
这是我的简单代码(其余部分在完整的应用程序中)，加载以下代码(即。page.html)
<div>
<div id="slideshow">
<img
浏览 0提问于2011-06-13得票数 1
回答已采纳
嗯，我有一个html文件，它的标签指向文件夹/img/中的一个图像。通过JavaFX窗口应用程序(不是在html文件的相同路径上)，我加载了html文件，但是图像没有加载。下面是加载html文件的方式：
@FXML
WebView webView; // I get the webView through @FXML annotation
...
webView.getEngine().loadContent("path/to/file.html");
HTML文件结构：
path/to/file.html
path/to/img/image.png
以下是HTML内容：
&
浏览 7提问于2016-12-30得票数 7
回答已采纳
我知道出于安全原因，HTML标准不再允许将本地资源作为图像加载到文档中。无论如何，我发现如果要在android-asset项目文件夹中加载本地页面，就必须在WebView文件夹中复制html文件。
如果我想用混合方法呢？我会从uri获取一个HTML，用本地路径替换img HTML标记的img属性的值，然后将代码加载到WebView中。
具有这样的html文档：
<hmtl>
<head>
</head>
<body>
<img src="http://URL-SITE/img/x.jpg&#
浏览 3提问于2014-12-10得票数 0
回答已采纳
编辑：下面是@eyllanesc评论，这里是。测试在Qt5.9上运行，在OSX10.12上运行。
基本HTML
让我们创建一个最小的HTML示例，通过相对路径加载图像，test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<div>Image:</div>
<img src="img.jpg
浏览 17提问于2017-08-11得票数 1
回答已采纳
2回答
jquery预加载图像
、、、
好的，我有一个只包含一堆图片的"slideshow.html“和"index.html”。
index.html
<a href="">click</a>
<ul></ul>
slideshow.html
<li><img src="1.jpg" alt="" /></li>
<li><img src="2.jpg" alt="" /></li>
<li><img
浏览 1提问于2009-10-15得票数 0
回答已采纳
1回答
错误应用缓存
、、、
我创建了一个带有html5 appcache的网站，当页面第一次加载时，它通过缓存我在appcache中提到的所有内容来正确加载页面，但是当我重新加载页面时，它不会加载我用appcache编写的脚本和css文件，如何解决这个问题，我在这里给出了控制台屏幕截图
第一次加载
二次加载
高速缓存输出
<!DOCTYPE html>
<html manifest="shaj.appcache">
shaj.appcache
CACHE MANIFEST
Default.aspx
contact.aspx
css/boots
浏览 1提问于2015-03-11得票数 1
回答已采纳
ready事件发生在HTML加载之后，而window.onload事件则发生在所有内容(例如，图像、css)都已加载之后。
在以下代码中，
<script> jQuery(window).load(function(){ jQuery('#div1').html("Height= " + jQuery('#img1').height() + "<br>" + "width= " + jQuery('#img1').width(
浏览 1提问于2015-12-26得票数 6
在jQuery中，我将一些html加载到如下所示的div中：
$("#test").html("Hello <img src='pic.jpg'>");
有方法知道html是否已完全加载吗？--我的意思是设置了内容，但是图像需要一段时间才能加载。我想等到整个html被加载..。
我需要$(“img”).load(.但是它不适用于$.html加载的内容，还有其他的想法吗？
谢谢
浏览 4提问于2011-11-07得票数 1
回答已采纳
我使用jQuery将一个html文件加载到我的index.php中。
$("#load").click(function() {
$("#content").load("/content/page.html");
});
page.html内容：
<img class="img" src="https://www.nzxt.com/uploads/download/attachment/117/Phantom-530-wallpaper-1920x1080-3.jpg"><br/>
&
浏览 9提问于2017-12-14得票数 0
我使用jQuery的get方法加载一个html文件，并将整个正文内容放入DOM中，同样使用jQuery。
在我加载的html内容中有很多img标签。
例如,
<img src="warning.png">
warning.png与服务器上的html文件在同一目录中。
服务器上的目录结构如下所示
/myapp/myfolder/content.html
/myapp/myfolder/warning.png
在具有LTE连接的移动浏览器上，无法加载此html内容中的图像。
但是，当我将img元素的src属性更改为绝对url时，您将看到以下内容
<img src=
浏览 0提问于2014-08-04得票数 0
当加载来自自定义/用户定义url的图像时，我希望实现一个简单的事件(span中的html更改)。
$('#btn').click(function(){
$(this).html('loading...'); //works
$('#img').css("backgroundImage", "url('"+$("#img-url").html()+"')");
$('#img-url').html(url('"
浏览 2提问于2014-08-09得票数 0
回答已采纳
我正在使用load函数加载我的页面。该页面包含用于动态观察滑块(Im使用基础).The图像加载的初始化代码，但滑块不初始化。
加载slider.html的代码
$("a#1").click( function () {
$("#center_content").load("pages/slider.html");
});
slider.html中的代码
<div class="row">
<div class="four columns">Welcome</div>
浏览 0提问于2012-06-15得票数 1
我有一些让JQuery加载html页面的工具。我使用JQuery加载此页面vvv
<a class="codaw" href="#"><img id="codawx_img" src="img/codawx.png" alt="Call of Duty:Advanced Warfare" style="height:150px;"></a>
<script>
$('a.codaw').on('click', funct
浏览 5提问于2015-03-13得票数 0
回答已采纳
我有一个超文本标记语言与一堆图片加载到一个使用dangerouslySetInnerHTML的div
<div dangerouslySetInnerHTML={{__html: "<div><img /><img /><img /></div"}} />
我试图做的是懒惰地加载图像以提高性能。我尝试了几个包，如，但它似乎并不懒惰地以这种方式加载图像。如果我将HTML字符串拉到React组件中，它确实可以工作。
惰性加载是如何处理从dangerouslySetInnerHTML加载的图像的？我如何延迟加载图像呢？
浏览 16提问于2018-05-23得票数 0
我有一个场景，其中我将通过以下方式从javascript加载一个图像：
<script type ="javascript" >
var img1=new Image(1,1);
img1.src='img2.jpg';
</script>
现在的要求是将对图像的调用重定向到html页面，这将进一步加载3-4个图像(用于跟踪目的)。但我得到警告的铬和加载能够从html页面加载图像。
资源解释为Image，但使用MIME类型text/html传输：
如果这个问题有解决办法，请告诉我。
要求:我们正在通过javascript向服务器发
浏览 2提问于2013-02-06得票数 0
4回答
我有一个网站，里面有很多图片。我希望先加载一些图像(因为用户将滚动到最后的图像)。假设这是html：
<img src='img1.jpg'>
<img src='img2.jpg'>
<img src='img3.jpg'>
<img src='img4.jpg'>
如何使img3.jpg和img4.jpg在加载img1.jpg和img2.jpg之后开始加载？
浏览 3提问于2015-09-25得票数 3
回答已采纳
1回答
您好，我试图加载一个html文件作为字符串，找到img src属性，然后加载到一个循环滑块。cycle-slideshow需要一个完整的标签，而不仅仅是href。我是jQuery的新手，被困了一段时间。有什么建议吗？谢谢。
JQUERY
function loadImages (stringData) {
var $img = $stringData.find('img')
.each(function() {
$('.cycle-slideshow').cycle('add',$(this).html());
浏览 1提问于2014-06-12得票数 0
1回答
我有这个代码
var html = '';
data.forEach(function (item, index) {
html += '<img src="' + item.src + '">';
}
$('.container').append(html);
如何等待图像预加载后再显示它们？
我看到了类似的东西：
var img=new Image();
img.src=url;
但是，为了调用append()函数，我如何知道图像何时完成预加载呢？
浏览 0提问于2018-11-23得票数 0
可能重复：
我使用加载动画隐藏整个页面加载过程。但在它必须消失之前很久就结束了。它在加载时结束，但必须在整个页面加载后淡出。
这是js
$(document).ready(function(){
$('#loading').fadeOut(600, function()
{
$("#wrap").fadeIn(1000);
$("#footer").fadeIn(1000);
});
});
HTML标记
<html>
<body>
<div id
浏览 1提问于2011-09-28得票数 1
回答已采纳
我从一个字符串创建了一个HTML元素来解析其中的内容
html = document.createElement('html');
html.innerHTML = 'some html string loaded from a different host';
但是我看到加载的资源使用不带主机名的绝对路径，尝试从当前窗口位置加载。
有没有办法在不替换所有绝对或相对src路径的情况下设置加载资源的特定位置？
例如，如果我有一个html字符串格式的图像
<img src="/abspathto/img.jpg">
当我创建html元素并
浏览 0提问于2019-11-21得票数 1
2回答
当我在本地打开页面时，图像将加载，但当我转到ip时，图像未加载。该图像与html文件位于同一目录中。 <!DOCTYPE html>
<html>
<head>
<script type="text/JavaScript">
var img = new Image;
img.onload = function(){
var canvas = document.getElementById("can");
var context = canvas.g
浏览 17提问于2019-03-30得票数 2
4回答
我有一个隐藏的div (通过使用最大高度和过渡)，当我点击一个按钮时会显示出来。这个div包含几个图像，当您第一次加载站点时会加载这些图像。我希望他们加载时，我点击按钮显示的div，使网站更轻。
<!DOCTYPE html>
<html>
<head>
<style>
.class1 {
max-height:0px;
transition:max-height 1s;
overflow:hidden;
}
</style>
<script>
f
浏览 0提问于2016-07-27得票数 3
回答已采纳
6回答
使图像加载速度更快
、、、
我的网页结构如下：
<html>
<body>
<div id="1">
<img>.....<img>
</div>
<div id="2">
<img>.....<img>
</div>
<div id="3">
<img>.....<img>
</div>
<div
浏览 5提问于2014-11-30得票数 4
回答已采纳
2回答
因此，我试图自动从picjumbo.com site.So下载图像--大多数事情都是像查找img和找到图像etc.But --当我试图下载该图像时，我得到的只是一个html文件(用notepad++打开这些文件以查看它)--在加载该页面之后下载文件吗？我把我的代码below.Everything工作，除了得到最后的图像！
我怎么下载那个图像？文件下载页面：如何在页面加载后保存该图像？？
谢谢!
<?php
include("simple_html_dom.php");
$file = "http://picjumbo.com/";
$files =
浏览 2提问于2014-02-07得票数 0
回答已采纳
1回答
我正在尝试用php和lazyload建立一个图片库。我有大约8000张图片，不应该一次加载。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="gallery">
<?php
浏览 23提问于2019-12-03得票数 0
回答已采纳
1回答
我希望从本地数据库异步加载HTML中引用的图像。
现在，我所能做的就是用abc.jpg替换<img src="abc.jpg">的data:image/jpg;base64, img_base64_string>部分，但这必须在HTML呈现之前完成。我想尽快显示HTML页面，然后加载图像。
如何触发加载事件以从DB加载映像？
如何正确地在HTML中设置加载的图像而不将其转换为base64？
浏览 1提问于2013-11-22得票数 0
回答已采纳
4回答
在同一个文件夹目录中有四个文件
- 1.jpg
- 2.jpg
- index.html
- 1.js
我希望编写这段代码，这样它一开始就会加载1.jpg，但是它接下来会加载2.jpg。
JavaScript是
var img = new Image(); // Create new img element
img.src = '2.jpg';
var getElementIMG = document.getElementById("imageid");
getElementIMG.src = img.src;
HTML是
<img id=&
浏览 6提问于2014-01-08得票数 0
回答已采纳
3回答
隐藏页面加载
、、
我的HTML标记看起来是这样的
<html>
<body>
<div id="loading"><img src="core/design/img/load/load.gif" /></div>
<div id="wrap"></div>
<div id="footer"></div>
</body>
</html>
我试图用下面的解决方案隐藏整个页面加载过程。
CSS规则：
#loading {
浏览 3提问于2011-09-28得票数 1
回答已采纳
我应该在<img> 'src‘属性中输入什么才能使html-loader用URL替换它？假设文件夹'public‘通过webpack-dev-server提供服务，项目布局如下 - src
- index.js
- img
- dog.jpg
- cat.jpg
- public
- index.html webpack.config.js有url加载器和html加载器的规则： { test: /\.(png|jpg)$/, loader: 'file-loader' },
{ test: /\.(html)$/, loader:
浏览 35提问于2019-04-03得票数 0
现在，每个人的问题可能都不一样，但是在Firefox中，加载完成了，除非刷新浏览器，否则加载div不会消失。在铬中，负载永远不会消失。我没有IE，所以我不知道那里发生了什么可怕的事情。
我的代码的细目：
A，B预加载和设置2个背景
在容器窗口中加载C，该窗口将容纳所有内容
加载某些内容(D)，并在内容内部加载更多内容(E)(D)
顶部的F预加载分区消失
带有预加载background(A)的G Div在
包含container(C)和所有内容的DIV中的H淡色(D，E)
I在中对表做一些小的初始设置
下面是代码:我把评论字母放在右边
var sr
浏览 3提问于2011-12-30得票数 0
回答已采纳
我有像这样的html img列表：
<img src="over.png" width="150" heigh="72" />
<img src="2_over.png" width="150" heigh="72" />
<img src="3_over.png" width="150" heigh="72" />
但这些图像相当大。我需要使它将加载一个接一个“像阿贾克斯”。但是我不能在一开始就从javascrip
浏览 4提问于2011-04-07得票数 0
回答已采纳
1回答
如何使用数据URI延迟镜像加载？
、、、、
我使用data URI加载一个页面的图像，并将script放在HTML的末尾。与对图像src使用普通url不同，数据将直接加载到html页面的HTTP请求中。
因此，script将在页面末尾加载得很晚，因为我通过这种方式加载了数百个图像数据。
我想提前加载脚本或与imate的加载异步加载，有没有办法延迟图像data的加载
<div>
<img src="data:image/png; base64, .........." alt="">
<img src="data:image/png; base64, .....
浏览 1提问于2011-11-12得票数 0
回答已采纳
2回答
我有一个html字符串，其中包含一些图像。我想呈现该html，但不加载图像(这里将会有一个懒惰的排序加载)。为此，我从字符串创建了一个jquery对象，并替换了src属性： var html = $('<div>').html(string)
html.find('img').attr('src', 'placeholder.jpg') 问题是，当我查看页面上正在加载的内容时，当我调用.html(string)时，我可以看到图像已加载。不是只有当我真正将代码放入DOM时才会发生这种情况吗？如果没有，有没有其他方法可以
浏览 16提问于2018-12-17得票数 0
回答已采纳
1回答
TensorFlowJS可以从JavaScript加载图像，但通常不能从JavaScript生成的图像对象加载图像。
代码如下所示。第一组加载方法可以从HTML加载图像。
h = document.getElementById("dandelion");
let image1 = await tf.browser.fromPixels(h);
var x1 = document.createElement("CANVAS");
tf.browser.toPixels(image1, x1);
document.body.append(x1);
第二组加载方法将生
浏览 4提问于2019-12-21得票数 1
回答已采纳
2回答
在html文件中，我有这样的内容：
<img src="dist/assets/img/photos/md/photo-1.jpg"/>
然后使用JS检查窗口宽度，并相应地将图像的路径更改为如下所示：
<img src="dist/assets/img/photos/xs/photo-1.jpg"/>
或
<img src="dist/assets/img/photos/lg/photo-1.jpg"/>
问题是，对于xs窗口，它是只加载xs大小的映像还是同时加载md (因为我在html中有md路径)加上来自j
浏览 5提问于2015-10-14得票数 0
回答已采纳
我需要帮助编写javascript (jquery?)用于web应用程序将一组图像保存到IndexedDB，然后将它们加载到html页面中。
我有两个html页面，img.html，它只是一个图像列表，格式如下：
'image-id','base64-image'
还有我的主页index.html，它包含了一系列如下格式的图像标签：
<img name="imglist" id="image-id" img-src="">
我希望用户能够点击一个按钮，将所有图像从img.html加载到IndexedDB
浏览 1提问于2012-02-09得票数 0
6回答
想象一下，下面的html中有许多内容：
<html><body>
<img src=http://host.com/pic1.jpg>
<img src=http://host.com/pic1.jpg>
<img src=http://host.com/pic1.jpg>
</html></body>
站点所有者在没有其他修改的情况下向页面添加了一些脚本。
<script>
var some_super_function = ... // what can i put
浏览 11提问于2016-01-13得票数 3
回答已采纳
2回答
如何在画布中绘制从页面加载的图像
、、、、
我有一个这样的html页面：
<html>
<body>
(1)<canvas id="cs"></canvas>
(2)<img src="/image.png" id="img"/>
</body>
</html>
我想知道如何在画布(1)中加载和显示图像(2) (使用drawImage函数)。我试过了，但不起作用：
var img = $("#img");
ctx.drawImag
浏览 1提问于2011-06-03得票数 1
回答已采纳
2回答
我的HTML有问题...我尝试从我的本地驱动器加载图像，文件夹的路径肯定是好的，因为当我按住Ctrl键并单击它时，它会打开图像，当我用实时服务器打开我的页面或将其托管在图像加载的地方时，但当我通过打开index.html加载它时，没有显示任何图片。 从实时服务器 ? 通过打开index.html ? <img src="/img/special.png" alt=" ">
background-image: url(/img/apartments.png); 我使用带有这两行代码中的一行的图像，但它不加载tham。
浏览 17提问于2019-09-24得票数 1
回答已采纳
问题
当用户单击图像的缩略图时，存储在HTML5数据属性data-url中的图像URL应该加载，其余的功能应该在之后继续。但是，我不知道如何用jQuery选择器加载映像。
码
$(document).ready(function() {
$("img").on("click", function() {
var url = $(this).data("url");
$('<img data-url="">').load(function() {
浏览 6提问于2013-01-25得票数 1
3回答
我使用ajax在web上加载html文档(自动提取数据)，如下所示：
$.ajax({
url:'http://example.com/index.php',
crossDomain: true,
accepts:"html",
dataType:"html"});
，我希望它只加载html文档。但是，所有附加到文档的图像也被加载。通过通过开发者控制台检查浏览器的网络活动，我可以看到图像正在被请求。
返回的html文档示例。
<html>
<body>
<div>Data I wanted: item pric
浏览 6提问于2016-01-01得票数 1
1回答
出于某种原因，我的webpack配置正在加载来自我的SCSS文件的图像，而不是来自HTML文件的图像。此外，当我运行BUILD命令以传递我的prod档案时，它不会创建"img“文件夹。老实说，我对webpack 4非常陌生，我想我在WP配置文件中没有包括几个步骤。
这是我的webpack.dev.js
这是我想要创建的prod文件夹结构：
dist
-img
--css
-js
a.html
b.html
c.html
const path = require("path");
const HtmlWebpackPlugin = require("html-we
浏览 1提问于2018-12-03得票数 2
我正在用css和java创建一个HTML文件，我想使用img标记加载一个图像，但是Android在使用img src=“代码”时并没有加载图像。图像是Android手机的下载文件夹，但我无法确定在HTML中加载图像的路径。
浏览 1提问于2022-03-09得票数 0
如果多次单击菜单中的链接，则Jquery加载函数不会停止。
jquery代码如下所示：
$(document).ready(function(){
$(".menu_rfr").unbind("click").click(function() {
$("#main").html('<img src="img/spin.gif" class="spin">');
location.replace($(this).attr('rel'));
});
function ha
浏览 0提问于2010-05-11得票数 0
var rightnow=0; var highone=8;
$(document).ready(function(){
$("#next-img").click(function(){
rightnow=rightnow+1; if (rightnow>highone) {rightnow=1;};
$(".img-class").attr('src',"http://example.com/images/abc_"+rightnow+".jpg");
startTim
浏览 1提问于2013-07-11得票数 2
1回答
我有一个UIWebView，其中相对链接无法正确加载，因为视图是在本地操作html数据之后从数据对象加载的，而不是直接从URL加载的。现在页面上的所有相对链接都失败了，因为UIWebView不知道它们是什么相对链接。
例如：
<IMG SRC="img/foo.jpg">
不会加载，因为不是去看
http://theoriginalsite.com/img/foo.jpg
对于该文件，UIWebView在
iphonefilesystem/thisapp/tempdir/img/foo.jpg
有没有办法重置UIWebView的基本URL，以便这些链接
浏览 0提问于2011-09-30得票数 0
回答已采纳
是否有一种方法可以先加载一些图像，然后(或同时)加载其他图像？
在这里的HTML结构中，我希望所有的第一个图像在第一次开始加载，顺序无关紧要，当加载的图像不重要时(由于大小较大，第一个图像可以在其他图像之后加载)
<ul>
<li><img /></li> <!--first image-->
<li><img /></li>
<li><img /></li>
</ul>
<ul>
<li><img /&
浏览 1提问于2017-04-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
