Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在不隐藏所有样式的情况下隐藏图像破损图标?_Jquery_Html_Css_Ajax_Laravel - Fatal编程技术网

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。谢谢,我已经更新了答案。不管怎样,不客气