Heim > Backend-Entwicklung > PHP-Tutorial > PHP verwendet iframe zum Hochladen und Anzeigen von Bildern

PHP verwendet iframe zum Hochladen und Anzeigen von Bildern

*文
Freigeben: 2023-03-18 22:40:01
Original
2154 Leute haben es durchsucht

Ich habe in diesen Tagen an einer Bild-Upload-Funktion gearbeitet. Ursprünglich wollte ich Ajax verwenden, um eine sofortige Aktualisierung zu erreichen, aber es war nie möglich, dies zu erreichen. Lassen Sie mich es jetzt mit Ihnen teilen und es allen als Referenz geben. Ich hoffe, es hilft allen.

Bei der Verwendung dieses Frameworks gibt es jedoch ein Problem. Ich muss den hochgeladenen Pfad zu diesem Frame zurückgeben Der Iframe, aber als ich den Pfad herausnahm, gab es keine Antwort. Ich überprüfte die Informationen online, aber die verschiedenen Versionen lieferten keine umfassende Erklärung, wie man Iframe zum Hochladen von Bildern und zum anschließenden Realisieren verwendet Aktualisierungsfunktion, also musste ich es 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.

Später fügen Sie einen src im iframe hinzu und schreiben 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 dem Login kopieren

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 nur 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为上传图片的地址
Nach dem Login kopieren

Auf diese Weise kann ich Bilder problemlos hochladen, ohne die Seite zu aktualisieren, und die Bilder können rechtzeitig aktualisiert werden.

Verwandte Empfehlungen:

Implementierungscode für das Hochladen von PHP-Bilddateien

So implementieren Sie PHP-Bildminiaturansichten

Prinzipielle Analyse und Code des PHP-Bilddatei-Uploads

Das obige ist der detaillierte Inhalt vonPHP verwendet iframe zum Hochladen und Anzeigen von Bildern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage