Durch das Hochladen von PHP+iFrame-Bildern wird ein sofortiger Aktualisierungseffekt erzielt

Ich habe in diesen Tagen an einer Funktion zum Hochladen von Bildern gearbeitet. Ursprünglich wollte ich Ajax zum Hochladen von Bildern verwenden, um eine sofortige Aktualisierung zu erreichen, aber das war leider nie möglich.

Später habe ich das Iframe-Framework verwendet, um es zu implementieren. Nachdem ich das Bild hochgeladen habe, muss ich den hochgeladenen Pfad zurückgeben out and start my Geben Sie den Wert direkt in den Iframe aus, aber als ich den Pfad herausnahm, kam keine Antwort. Ich habe die Informationen online überprüft, aber in den verschiedenen Versionen gab es keine umfassende Erklärung zur Verwendung des Iframes Bilder hochzuladen und dann die Echtzeit-Aktualisierungsfunktion zu realisieren, konnte ich nur selbst studieren. Die meisten von ihnen sagen, dass das Hochladen ausreicht. Es ist wirklich unangenehm, hier aufzuhören.

Da der Wert auf der Seite ausgegeben wird, ist er erfolgreich Der Iframe kann nicht. Ich habe ihn herausgenommen, N Methoden ausprobiert und N Informationsmengen überprüft. Es war wirklich schmerzhaft.

Fügen Sie später einen src im Iframe hinzu und schreiben Sie dann den Ausgabewert in eine einfache Javascript-Anweisung, um ihn auszugeben, nachdem das Bild erfolgreich hochgeladen wurde, hehe. Zusammenfassend:

HTML-Code:

<iframe id="upload_target" name="upload_target" src="upload.php" style="width:0;heigth:0;overflow:hidden;border:0;position: absolute; left:-500px;"></iframe> //iframe设置成隐藏的，src链接的页面为图片上传的后台文件页面，不过加不加影响都不大，只不过为了更精确而已
<img id="tag_img" src="" />
<form enctype="multipart/form-data" action="upload.php" method="post" target="upload_target">
   <input type="file" name="userfile" class="file" value="" />
   <input type="submit" name="uploadimg" value="上传" />
</form> //表单的那么值对应着空框架的那么值，提交后跳转到空框架中，这样就不对父窗口页面进行刷新了

nach der Übermittlung an die Hintergrundseite upload.php zur Überprüfung. Es wird ein selbst festgelegter Pfad generiert.

Nachdem wir das Bild dann erfolgreich aktualisiert haben, können wir diesen Pfad herausnehmen, den Bildpfad im Bildfeld im übergeordneten Fenster über JS ändern und ihn neu zuweisen entspricht einer Aktualisierung, anstatt jedes Mal, wenn die Aktualisierung erfolgreich ist, in die Datenbank gehen zu müssen, um die gespeicherte Pfadadresse abzurufen und zu aktualisieren.

Hier schreibe ich einfach den zurückzugebenden js-Code

echo "<script type=&#39;text/javascript&#39;>window.parent.document.getElementByIdx_x(&#39;tag_img&#39;).setAttribute(&#39;src&#39;,&#39;$updurl&#39;);</script>"; //这就是在框架中输出一段js代码，然后操作父框架中图片地址刷新成我上传的图片地址，$updurl为上传图片的地址

Auch nach der Aktualisierung