不想秃头的咸鱼 2020-03-27 09:25 采纳率: 0%
浏览 347

加载base64图片出现黑线

图片加载后会出现黑线
图片说明

右击下载图片则显示正常图片说明

,调试情况下也显示正常,刷新后则不再出现。

贴上代码

  var drawtable = [];
    var handlerUrl = "/xxx/xxxHander.ashx?v=" + Math.random();

    //获得画
    $.ajax({
        async: false,
        type: "POST", //GET
        url: encodeURI(handlerUrl),
        data: "action=drawimage,
        beforeSend: function (XMLHttpRequest) {
            $("<div class='loadingWrap'></div>").appendTo("body");
        },
        success: function (data, textStatus) {
            if (data != "") {

                var jsonObj = JSON.parse(data);
                var imagegriddiv = document.getElementById("imagegrid");//
                for (var i = 0; i < jsonObj.length; i++) {
                    movenullstr(jsonObj[i]);
                    var imageindex = parseInt($("#<%=hideImageIndex.ClientID %>").val()) + 1;//获得当前页面的id
                    var div = document.createElement("div");
                    var img = document.createElement("img");
                    var txt = document.createElement("p");
                    var checkdiv = document.createElement("div");
                    var checkinput = document.createElement("input");
                    div.className = "grid__item";
                    img.className = "grid__item_img";
                    txt.innerText = jsonObj[i].ImageNumInfo;

                    img.src = jsonObj[i].Image;
                    img.id = jsonObj[i].ID;
                    div.appendChild(img);
                    div.appendChild(txt);
                    checkdiv.className = "checkdiv";
                    checkinput.type = "checkbox";
                    checkinput.name = jsonObj[i].ID;
                    checkinput.id = "box" + imageindex;
                    checkinput.checked = false;
                    checkdiv.appendChild(checkinput);
                    div.appendChild(checkdiv);
                    imagegriddiv.appendChild(div);
                }



            }

        },
        complete: function (XMLHttpRequest, textStatus) {
            $(".loadingWrap").remove();
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert("执行失败!原因:" + XMLHttpRequest.status + ";" + XMLHttpRequest.readyState + ";" + textStatus);
            r = "error";
        }
    });
}
  <div class="grid" id="imagegrid" style="height: 580px;">
                    <div class="uploadImgBtn" id="uploadImgBtnSetup">
                        <img src="xxx/xxx.jpg" alt="xxx/xxx.jpg" class="grid__item" />
                        <input class="uploadImg" type="file" name="file" multiple id="file" data-size="1280x853" />
                    </div> 
    </div>

  • 写回答

1条回答 默认 最新

  • zqbnqsdsmd 2020-03-27 10:20
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 slam rangenet++配置
  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制
  • ¥20 usb设备兼容性问题
  • ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊