前端 - 调试下面这段代码时加断点替换文件src那句执行 不加断点不执行

问题描述

问 题

success: function(data, itemEl, listEl, boxEl, newInputEl, inputEl, id){

            console.log(data)
            itemEl.find(".jFiler-jProgressBar").fadeOut("slow", function(){
                $("<div class=\"jFiler-item-others text-success\"><i class=\"icon-jfi-check-circle\"></i> Success</div>").hide().appendTo(parent).fadeIn("slow");
            });
            itemEl.find(".jFiler-item-thumb-image img").attr("src",data);
            getImgUrl();
        },
        

function getImgUrl(){

var urls="";
$(".jFiler-item").each(function () {
    urls+=$(this).find(".jFiler-item-thumb-image img").attr("src")+" ";
});
$("#Images").val(urls.substring(0, urls.length - 1));
console.log(urls)

}

没加断点是这样

加了断点是这样

使用的是jquery.filer文件上传插件 发送http请求到接口 将返回的url 替换为文件的src 再用getImgUrl方法获取url提交表单写入。

解决方案

已经解决了 由于这个jquery.filer插件有上传模板 所有数据都是通过双扩号{{}}绑定的，而图片加载也是异步的这就导致了虽然success是回调也有可能得不到返回值的问题，得不到也就无法替换服务器返回的url.我先在是自己写了展示的模板 append在父节点上的

 $(".jFiler-item-thumb").append("<div class='jFiler-item-thumb-image'> <img class='imgShow' src='" + data + "'> </div>");

这篇关于前端 - 调试下面这段代码时加断点替换文件src那句执行 不加断点不执行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！