Javascript 检查jquery中是否有图像的图像源

当图像源有图像（来自服务器端的图像）时，我需要隐藏div，如果jquery中没有图像，则需要隐藏div

这是我的html文件

<div class="form-group bc-my-group">
     <label>Photo Upload</label>
     <div class="input-group image-preview">
         <input id="imageToUpload" class="form-control image-preview-filename" type="file" accept="image/png, image/jpeg, image/gif" name="images" />
         <div class="help-block with-errors"></div>
     </div>
</div>
<div class="form-group bc-my-group">
     <label>My Photo</label>
     <div id="prof_image">
          <img src ="{{ asset($profile) }}">
     </div>
</div>

照片上传
我的照片

---

有人能给我一个想法来获得这个吗？？？

你可以用javascript来实现这一点：

CSS:

.div {
display: none;
}

$('.image').onload = function() {
    // image exists and is loaded
    $('.div').show();
}

JavaScript:

.div {
display: none;
}

$('.image').onload = function() {
    // image exists and is loaded
    $('.div').show();
}

---

可以使用javascript执行此操作：

CSS:

.div {
display: none;
}

$('.image').onload = function() {
    // image exists and is loaded
    $('.div').show();
}

JavaScript:

.div {
display: none;
}

$('.image').onload = function() {
    // image exists and is loaded
    $('.div').show();
}

---

如果指定在有和图像时要隐藏哪个div，以及在没有图像时要隐藏哪个div，则会更容易，如果您已经有图像，我猜您希望通过照片上载来隐藏div。

如果您指定在有图像和图像时要隐藏哪个div，以及在没有图像时要隐藏哪个div，则会更容易。如果您已经有图像，我猜您希望通过照片上载来隐藏div

可以使用JavaScript中的onerror事件在图像失败时执行操作 要加载：

在jQuery中（自从您询问之后）：

或对于所有图像：

如果隐藏图像可能会更改布局，则应使用visibility:hidden而不是.hide（）。web上的许多站点使用默认的“无图像”图像，当指定的图像位置不可用时，将src属性指向该图像

对于您的解决方案，只需使用此

可以使用JavaScript中的onerror事件在图像失败时执行操作 要加载：

在jQuery中（自从您询问之后）：

或对于所有图像：

如果隐藏图像可能会更改布局，则应使用visibility:hidden而不是.hide（）。web上的许多站点使用默认的“无图像”图像，当指定的图像位置不可用时，将src属性指向该图像

对于您的解决方案，只需使用此

---

您可以在Laravel模板中通过检查源代码和添加名为

hide

like的类来完成此操作

{{ asset($profile)==''?'hide':'' }}

代码

---

您可以在Laravel模板中通过检查源代码和添加名为

hide

like的类来完成此操作

{{ asset($profile)==''?'hide':'' }}

代码

---

---

只需检查@if（$profile）并将您的div放在ifcheck中。请检查下面我的答案。您可以通过jquery来完成。@AyatullahRahmani谢谢您将检查出来只需检查@if（$profile）请将您的div放入其中，检查我下面的答案。您可以通过jquery进行检查。@AyatullahRahmani谢谢您将在浏览器控制台中检查div元素的类

hide

，并确保您在CSS文件中添加了

hide

类。那么div元素中的类

hide

呢，在浏览器的控制台中检查它。试试这个-{asset（$profile）=''''class=“hide”“：'}}当我检查div时，它不会显示隐藏元素当src不可用时，您在

asset（$profile）

中得到了什么，您可以根据它更改您的条件。检查浏览器控制台中的div元素的class

hide

，并确保您已在CSS文件中添加了

hide

类。在div元素中的class

hide

如何，请在浏览器控制台中检查它。试试这个-{asset（$profile）='''class=“hide'：'}}当我检查div时，它不会显示隐藏元素您在

资产（$profile）

中得到了什么当src不可用时，您可以根据它更改您的条件。您能更清楚地给出代码我想在代码中给出的内容吗这应该是可行的。不管怎样，您应用的代码是什么？`var img=document.getElementById（“上传”）；img.onerror=function（）{this.style.display=“none”；}$（“#prof_image img”）.error（function（）{$（this.parent（）.hide（）；}）`myimg表示哪个id$（“#prof_image img”）.error（函数（）{$（this.parent（）.hide（）；}）；在document.ready中使用这个。你能更清楚地给出代码吗？我想在我的代码中给出什么？这应该是可行的。不管怎样，您应用的代码是什么？`var img=document.getElementById（“上传”）；img.onerror=function（）{this.style.display=“none”；}$（“#prof_image img”）.error（function（）{$（this.parent（）.hide（）；}）`myimg表示哪个id$（“#prof_image img”）.error（函数（）{$（this.parent（）.hide（）；}）；在document.ready中使用此选项