我正在尝试处理损坏的图像，以获得良好而干净的结果。我想要的是：
我正在使用React，但是我认为这仅与HTML有关。另外，我目前正在使用Chrome，但是我正在寻找在所有主要浏览器上都能正常运行的结果。
我知道我可以通过{
"queryText": "Jack",
"fulfillmentMessages": [
{
"text": {
"text": [
"[{\"type\":0,\"speech\":\"\"}]"
]
}
}
],
"webhookPayload": {
"google": {
"userStorage": "{\"data\":{}}",
"richResponse": {
"items": [
{
"simpleResponse": {
"textToSpeech": "You've punched-in into demo as Jack"
}
}
]
},
"expectUserResponse": false
}
},
"outputContexts": [
...
],
"intent": {
"id": "96f93154-0ae4-4bb4-91c3-c1b796d7cda3",
"displayName": "punch-in"
},
"intentDetectionConfidence": 1,
"languageCode": "en"
}
方法使用img标签：
onError这非常适合图像。但我想了解如何使用<img
src="wrongUrl"
onError={(e) => {
e.target.src = 'https://placeimg.com/200/300/animals';
}}
/>
标记来实现。
阅读How to hide image broken Icon using only CSS/HTML (without js)时发现有两种方法：
A。使用onError方法：
object B。在我们的<object
data="wrongUrl"
type="image/jpg"
onError={(e) => {
e.target.src = "https://placeimg.com/200/300/animals";
}}
/>
标签中包装一个默认元素：
object但是在两种情况下，有时都会在<object
data="wrongUrl"
type="image/jpg"
>
<img src="wrongUrl" />
</object>
内插入#document元素，例如：
object这个<object data="wrongUrl" type="image/jpg">
#document
<!doctype html>
<html>…</html>
<img src="https://placeimg.com/200/300/animals">
</object>
元素实际上是我页面的document元素，因此它被插入到#document标记内作为默认内容。
我想了解如何在此处插入object元素，以及为什么它与我的默认元素冲突。