我有这个应用程序与客户电子邮件的建设者。他们有选择插入图像和更多。
图像上传程序发布到Laravel函数,该函数将图像上传到AWS s3并返回位置和url。
每当用户尝试在Chrome中上传图片时,就会出现这个问题。响应中附加了一个div-element,如下所示
{"url":"some-url","location":"some-location"}<div style="width: 350px; top: -600px; right: 0px; padding: 0px; position: fixed; z-index: 0; visibility: hidden; transition: all 0.5s ease 0s; overflow: hidden;"></div>
字符串
当我在edge / firefox中执行同样的操作时,响应如下所示:
Object { url: "some-url", location: "some-location" }
然后我必须在javascript中使用split()函数来移除div,我目前在JS中对这个问题的解决方案如下所示:
if(typeof response === "object"){
result = response;
}
else {
result = JSON.parse(response.split('<div')[0]);
}
这似乎是一个奇怪的错误与Chrome,因为它的工作完全正常的火狐/边缘。
有人经历过这样的事吗?
1条答案
按热度按时间dxpyg8gm1#
在我看来,有些东西是附加的div到您的响应和FireFox是做一些额外的工作来处理它,Chrome没有这样做。
但是问问你自己,我们可以从div本身推断出什么来确定可能导致问题的原因?修复并关闭页面右侧的顶部。所以,它可能是一个通知确认上传。
调查代码中处理成功通知的部分。