怎么在PHP中利用iframe實現(xiàn)一個上傳圖片即時刷新效果

怎么在PHP中利用iframe實現(xiàn)一個上傳圖片即時刷新效果？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

html代碼：

<iframe id="upload_target" name="upload_target" src="upload.php" ></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> //表單的那么值對應著空框架的那么值，提交后跳轉到空框架中，這樣就不對父窗口頁面進行刷新了

提交到后臺upload.php頁面驗證后。都會有一個自己設置的路徑生成

那么我們更新圖片成功后，就可以把這個路徑拿出來，通過JS改變父窗口中圖片框中圖片路徑，重新賦值一下，這樣就相當于是刷新一下地址了，而不用每次更新成功后都得去數(shù)據(jù)庫把保存的路徑地址取出來更新了。

這里我只寫要返回的js代碼

echo "<script type='text/javascript'>window.parent.document.getElementByIdx_x('tag_img').setAttribute('src','$updurl');</script>"; //這就是在框架中輸出一段js代碼，然后操作父框架中圖片地址刷新成我上傳的圖片地址，$updurl為上傳圖片的地址

這樣就能輕松實現(xiàn)圖片上傳無刷新頁面，且圖片實現(xiàn)即使刷新了

看完上述內(nèi)容，你們掌握怎么在PHP中利用iframe實現(xiàn)一個上傳圖片即時刷新效果的方法了嗎？如果還想學到更多技能或想了解更多相關內(nèi)容，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！