如何在不重定向和不使用 iframe 的情况下提交表单？

Question

我的提交在我的桌面上完美运行，无需使用 iframe 重定向。通过移动设备（chrome 和 safari）访问我的网站时，页面重定向到端点并停止。我想要一种移动友好的方式来停止重定向。

<iframe width="0" height="0" border="0" name="dummyframe" id="dummyframe"></iframe>

<form id="upload-form" action="http://10.121.86.136:5000/upload" method="POST" enctype="multipart/form-data" target="dummyframe">

<input @click="send_img()" name="submit" type="submit" value="Upload Image">

send_img() {

      var url_1 = "http://10.121.86.136:5000/send_images"

      axios.post(url_1, ...)

      ...

}

The results on mobile is a blank screen at the endpoint ip:5000/send_images

Answer 1

你不能用高度和宽度来约束 iframe 本身。你应该在它周围放一个div。如果你控制 iframe 中的内容，你可以在 iframe 内容中放一些 JS，当接收到触摸事件时，它会告诉父级滚动 div。