img标签在找不到图片时显示叉叉不好看,改为显示默认图片的方法

img标签有两个属性onload onerror 我们这里用onerror

当加载失败的时候 就会跳到onerror这个方法里面

我们就定义 οnerrοr="newsImgLoadError(this)"

<script>

    function newsImgLoadError(id){
        $(id).attr('src','/ued/getUploadImg/news_default.png');
    }

</script>

 

这样就解决了问题

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
非常抱歉给您带来困扰。我理解您希望在点击添加图片显示悬浮窗,只有在点击放大图片显示悬浮窗。在这种情况下,我们可以通过添加一个状态变量来控制悬浮窗的显示。 下面是修改后的代码示例: ```javascript var isPopupVisible = false; // 悬浮窗显示状态 function showPopup(src) { if (isPopupVisible) { return; // 如果悬浮窗已经显示,则直接返回 } isPopupVisible = true; // 标记悬浮窗为显示状态 var popup = document.createElement("div"); popup.style.position = "fixed"; popup.style.top = "50%"; popup.style.left = "50%"; popup.style.transform = "translate(-50%, -50%)"; popup.style.backgroundColor = "rgba(0, 0, 0, 0.8)"; popup.style.zIndex = "9999"; popup.style.width = "75%"; // 设置悬浮窗宽度为页面宽度的75% popup.style.height = "75%"; // 设置悬浮窗高度为页面高度的75% var img = document.createElement("img"); img.src = src; img.alt = "放大照片"; img.style.maxWidth = "100%"; img.style.maxHeight = "100%"; var scale = 1; // 初始缩放比例 var scaleFactor = 0.1; // 每次滚动的缩放因子 // 鼠标滚轮事件 img.onwheel = function (e) { e.preventDefault(); // 阻止默认滚轮行为处理页面滚动 scale += e.deltaY > 0 ? -scaleFactor : scaleFactor; // 根据滚轮滚动方向确定缩放比例 scale = Math.max(scale, 0.1); // 最小缩放比例为0.1 img.style.transform = `scale(${scale})`; }; // 关闭悬浮窗 popup.onclick = function () { document.body.removeChild(popup); isPopupVisible = false; // 标记悬浮窗为隐藏状态 }; popup.appendChild(img); document.body.appendChild(popup); } function previewImage(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { var img = document.createElement("img"); img.src = e.target.result; img.alt = "照片"; // 添加图片点击事件处理函数 img.onclick = function () { showPopup(img.src); // 点击图片放大显示悬浮窗 }; // 隐藏原始的input元素 input.style.display = "none"; // 添加图片到input元素的父节点 input.parentNode.appendChild(img); }; reader.readAsDataURL(input.files[0]); } } ``` 在上述修改后的代码中,我们添加了一个名为`isPopupVisible`的状态变量来跟踪悬浮窗的显示状态。在`showPopup`函数中,我们首先检查`isPopupVisible`的值,如果为`true`,说明悬浮窗已经显示,直接返回,不再创建新的悬浮窗。 这样,当您点击添加图片,不会显示悬浮窗;而在点击已添加的图片,只有在悬浮窗未显示才会创建和显示悬浮窗。 非常抱歉之前的修改有解决问题,希望这次修改能够满足您的需求!如有任何进一步的问题,请随告诉我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值