Jquery 如何在不隐藏所有样式的情况下隐藏图像破损图标?
我会解释代码,看看有没有人能帮我 我有以下代码:Jquery 如何在不隐藏所有样式的情况下隐藏图像破损图标?,jquery,html,css,ajax,laravel,Jquery,Html,Css,Ajax,Laravel,我会解释代码,看看有没有人能帮我 我有以下代码: <table> <tr> <td> <img src="" id="img" class="img" style="width:100%;height:200px;background-color:#ccc;border:2px solid gray;"> <input type="file" name="
<table>
<tr>
<td>
<img src="" id="img" class="img" style="width:100%;height:200px;background-color:#ccc;border:2px solid gray;">
<input type="file" name="pathheader" id="pathheader" class="form-control-file" aria-describedby="fileHelp" style="display:none;">
</td>
<td>
<img src="" id="img2" class="img2" style="width:100%;height:200px;background-color:#ccc;border:2px solid gray;">
<input type="file" name="pathhome" id="pathhome" class="form-control-file" aria-describedby="fileHelp" style="display:none;"><br>
</td>
</tr>
<tr>
<td>
<input type="button" name="" value="Seleccionar header" id="browse_file" class="btn btn-danger form-control">
</td>
<td>
<input type="button" name="" value="Seleccionar home" id="browse_file2" class="btn btn-danger form-control">
</td>
</tr>
</table>
我阅读了其他问题,可以提出:
onerror="this.style.display='none'"
但我不想隐藏所有的风格,我想有背景,边框等,只删除图标img
知道如何使用Ajax吗?如果不是的话,它可以与CSS
非常感谢,任何帮助都将不胜感激 您可以尝试注入透明on错误
onerror="this.src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='"
在OP中的问题后编辑:
Base64是一种图像格式,允许您将图像直接“写入”到HTML文件中,而不包括外部图像
让我们看看图像src:
第一:
这将告诉浏览器如何显示下面的代码。它表示src的(在本例中,文件类型)是.png
,编码是base64,基本上只是字符串中的图像数据
之后,实际数据如下:
IVBORW0KGGOAAAANSUHEUGAAAAAAAAABCAAAC1HAWCAAC0LEQVR42MNKYAAAAJAAJAACB0C8AAAAASUVORK5CYII=
这些只是表示图像数据的字母,如像素、颜色、alpha等。
如果你想知道它是如何工作的,请阅读或点击“进一步阅读”下的链接
进一步阅读
- (关于堆栈溢出)
- (关于堆栈溢出)
您可以尝试注入透明on错误
onerror="this.src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='"
在OP中的问题后编辑:
Base64是一种图像格式,允许您将图像直接“写入”到HTML文件中,而不包括外部图像
让我们看看图像src:
第一:
这将告诉浏览器如何显示下面的代码。它表示src的(在本例中,文件类型)是.png
,编码是base64,基本上只是字符串中的图像数据
之后,实际数据如下:
IVBORW0KGGOAAAANSUHEUGAAAAAAAAABCAAAC1HAWCAAC0LEQVR42MNKYAAAAJAAJAACB0C8AAAAASUVORK5CYII=
这些只是表示图像数据的字母,如像素、颜色、alpha等。
如果你想知道它是如何工作的,请阅读或点击“进一步阅读”下的链接
进一步阅读
- (关于堆栈溢出)
- (关于堆栈溢出)
问题是您正在同时分配class和img标记。因此,如果您在图像标记中指定类,然后引用该类中的背景图像,则仅当它开始引用两个图像标记时,才会显示断开的图像。因此,解决方案是使用div而不是img标记,并看到神奇之处。断开的图像图标将完全不显示,背景图像将按预期显示问题在于您正在同时分配类和img标记。因此,如果您在图像标记中指定类,然后引用该类中的背景图像,则仅当它开始引用两个图像标记时,才会显示断开的图像。因此,解决方案是使用div而不是img标记,并看到神奇之处。断开的图像图标将完全不显示,背景图像将按预期显示仅删除图标img??我不明白,你想删除什么?我想在img未加载时删除图像损坏的图标Yet可能使用透明占位符img?JS,抱歉@Adyson可能只是删除图标img的副本??我不明白,你想删除什么?我想在img未加载时删除图像断开图标yetMaybe使用透明占位符img?JS,抱歉@Adyson它的可能副本在@TomM工作,但我不明白这行的任何内容,只有this.src
,可以解释这行吗?我也会读你的href。谢谢,我已经更新了答案。不管怎么说,你很高兴它在@TomM下工作,但不懂这行的任何内容,只有this.src
,能解释这行吗?我也会读你的href。谢谢,我已经更新了答案。不管怎样,不客气