在使用cropper为文章添加编辑功能渲染文章封面时遇到的问题

Question

问题遇到的现象和发生背景

通过接口上传文章图片封面之后，成功上传，然后通过编辑按钮点击，文章内容标题均可顺利获取，但是图片无法渲染

问题相关代码，请勿粘贴截图

//if判断是否拥有id属性，有即为编辑，没有即为新发布
if (id) {
$.ajax({
method: 'GET',
url: /my/article/${id},
success: function (res) {
if (res.status !== 0) {
return layer.msg(res.msg)
}
form.val('formPublish', res.data)
//到此处均可顺利渲染页面
$image.cropper('destroy').attr('src', res.data.cover_img).cropper(options);
}
})
}

运行结果及报错内容

运行之后提示无法找到文件，我尝试consolelog(res.data.cover_img)属性，结果为/uploads/upload_513b651f6fdb75d79c6b4dbc75828e7d

我思考了很久了，但是因为是初学者，实在找不到问题在哪儿，是不是src的格式有问题，无法直接拿res.data.cover_img的内容直接渲染？

Answer 1

src的格式问题 /uploads/upload_513b651f6fdb75d79c6b4dbc75828e7d 这个东西现在没有后缀名而且是相对路径，从逻辑上来说你要弄成 http://xxxxx.com/files/upload128123.png 这样的全局路径 让后端帮忙处理一下