排查分析 http 请求响应 500 的过程，jQuery 属性操作 – attr() 方法，设置 src 属性导致
1、上传图片成功之后，GET 请求：https://console.xxx.cn/upload/20210319/20210385015127.png ，响应 500。根源在于上传成功后的图片的域名不是：https://console.xxx.cn ，而是：https://web.xxx.cn 。如图1
图1
2、打开发起程序选项卡，查看请求调用堆栈，在页面的第 516 行执行的 GET 请求。如图2
图2
3、点击进入，JS 代码如下。jQuery 属性操作 – attr() 方法，设置 src 属性。如图3
图3
1 2 3 4 | goodsSl.on('uploadSuccess', function (file, json) { $('.edit_img_tipthumb').attr("src", json.theUrl); $('input[name="data[Product][thumb_img]"]').val(json.theUrl);}) |
4、json.theUrl 的值：/upload/20210319/20210385015127.png。决定使用绝对地址，添加域名前缀：https://web.xxx.cn 。编辑代码如下
1 2 3 4 | goodsSl.on('uploadSuccess', function (file, json) { $('input[name="data[Product][thumb_img]"]').val(json.theUrl);}) |
5、上传图片成功之后，GET 请求：https://web.xxx.cn/upload/20210319/20210385015127.png ，响应 200。如图3
图3
近期评论