如何用 HTMX 替换 img src 属性

Question

我想用表单

src

的响应替换

img

元素的

post

属性。

我现在正在做的是：

<form hx-post="/myurl" hx-trigger="load,change" hx-target="#output" hx-swap="src">
</form>

<img id="output" src=""/>

但我得到的是

<img id="output" class="" src="">
out/528813151211e4736a4531358cda6af03fd3ce79a96d2f60108f3777e2715c92.webp
</src>

因此，它似乎是一个不知从何而来的“class”属性，并且从帖子中获取的值不会用作 src 属性的值。

我做错了什么？

Answer 1

您可以交换整个

src

，而不是更改

img

（然后服务器可以发送不同的

src

）。

不幸的是，这可能会导致闪烁，因为

src

指向的资源无法立即可用。