【宋词】《夜合花》史达祖：柳锁莺魂，花翻蝶梦，自知愁染潘郎。轻衫未揽，犹将泪点偷藏。念前事，怯流光。早春窥、酥雨池塘。向销凝里，梅开半面，

没有不值得去解决的问题，也没有不值得去学习的技术！

排查分析 http 请求响应 500 的过程，jQuery 属性操作 – attr() 方法，设置 src 属性导致

作者：

在

Web前端, jQuery, Web Uploader, JavaScript, 编程语言, Web应用开发, 文件上传组件, JavaScript, HTML

Post Views: 95

1、上传图片成功之后，GET 请求：https://console.xxx.cn/upload/20210319/20210385015127.png ，响应 500。根源在于上传成功后的图片的域名不是：https://console.xxx.cn ，而是：https://web.xxx.cn 。如图1

上传图片成功之后，GET 请求：https://console.xxx.cn/upload/20210319/20210385015127.png ，响应 500。根源在于上传成功后的图片的域名不是：https://console.xxx.cn ，而是：https://web.xxx.cn 。 — 图1

2、打开发起程序选项卡，查看请求调用堆栈，在页面的第 516 行执行的 GET 请求。如图2

打开发起程序选项卡，查看请求调用堆栈，在页面的第 516 行执行的 GET 请求。 — 图2

3、点击进入，JS 代码如下。jQuery 属性操作 – attr() 方法，设置 src 属性。如图3

点击进入，JS 代码如下。jQuery 属性操作 - attr() 方法，设置 src 属性。 — 图3



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 。编辑代码如下



goodsSl.on('uploadSuccess', function (file, json) {
    $('.edit_img_tipthumb').attr("src", 'https://web.xxx.cn/creditshop_back' +  json.theUrl);
    $('input[name="data[Product][thumb_img]"]').val(json.theUrl);
})

5、上传图片成功之后，GET 请求：https://web.xxx.cn/upload/20210319/20210385015127.png ，响应 200。如图3

上传图片成功之后，GET 请求：https://web.xxx.cn/upload/20210319/20210385015127.png ，响应 200。 — 图3

需要长期技术维护或远程问题排查？

我是拥有 15+ 年经验的 PHP / Go 后端工程师，长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。

如果你的项目遇到以下情况，可以先从一次小问题排查开始合作：

✅ PHP / Laravel / Yii2 老项目无人维护
✅ Go / Gin 后端接口需要排查或优化
✅ WordPress 网站访问慢、报错或插件冲突
✅ Nginx / MySQL / Redis / Linux 服务器异常
✅ CDN / Cloudflare / DNS / HTTPS 配置问题
✅ 需要长期远程技术支持或兼职维护

更多介绍请查看：关于我 & 合作

微信：13980074657
邮箱：shuijingwanwq@gmail.com
Telegram：@shuijingwan
GitHub：https://github.com/shuijingwan

attr() 发起程序请求调用堆栈 Jquery src

评论

发表回复取消回复

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理。

更多文章