您好,登錄后才能下訂單哦!
怎么在PHP中利用iframe實現一個上傳圖片即時刷新效果?相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現的原因和解決方法,通過這篇文章希望你能解決這個問題。
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改變父窗口中圖片框中圖片路徑,重新賦值一下,這樣就相當于是刷新一下地址了,而不用每次更新成功后都得去數據庫把保存的路徑地址取出來更新了。
這里我只寫要返回的js代碼
echo "<script type='text/javascript'>window.parent.document.getElementByIdx_x('tag_img').setAttribute('src','$updurl');</script>"; //這就是在框架中輸出一段js代碼,然后操作父框架中圖片地址刷新成我上傳的圖片地址,$updurl為上傳圖片的地址
這樣就能輕松實現圖片上傳無刷新頁面,且圖片實現即使刷新了
看完上述內容,你們掌握怎么在PHP中利用iframe實現一個上傳圖片即時刷新效果的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。