如何在javascript中修改不存在的URL？
如何在javascript中修改不存在的URL？
提问于 2018-10-23 08:38:53
我正在加载一组带有.jpg扩展名的图像，但其中一些图像实际上是.png文件。
我想使用replace方法更改URL，以便将url字符串从.jpg更新为.png，以避免出现404错误状态。
这些图片仅仅使用javascript就可以呈现一个html模板。
我遵循了下面的步骤：
1
正在尝试使用||运算符加载图像。
module.exports = (data) => {
return `
<img class='img-circle' src='${data.metadata.image || data.metadata.image.replace('.jpg', '.png'}' />
`
}2
我找到了url-exists包。因此，我尝试创建一个函数来检查url是否存在，如果不存在，则替换图像扩展名。
const urlExists = require('url-exists')
module.exports = (data) => {
// function
function updateUrl (url) {
urlExists(url, (err, res) => {
if (res === true) {
return url
} else {
return url.replace('.jpg', '.png')
}
})
}
return `
<img class='img-circle' src='${updateUrl(data.metadata.image)} />
`
}3
我找到了这个检测URL是否存在的答案：，所以我尝试创建其他函数来检索修改了URL的响应
module.exports = (data) => {
// function
function updateUrl (url) {
let request = new XMLHttpRequest()
request.open('GET', url, true)
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 404) {
url = url.replace('.jpg', '.png')
}
}
}
return url
}
return `
<img class='img-circle' src='${updateUrl(data.metadata.image)}' />
`
}这些方法中的任何一个都显示新的URL。如何在javascript中修改不存在的URL？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-23 09:07:27
要处理有错误的url，可以使用下面的代码
<img class='img-circle' src='${updateUrl(data.metadata.image)} onerror="this.src='NEW-URL'"/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52939526
复制相关文章
相似问题