使用iframe提交form,如何把值返回到上一層?

來源:互聯網
上載者:User
1.如何使iframe裡的資訊,傳到div那?
2.如果不使用iframe而使用div的話,怎麼讓div裡的form進行提交且不跳轉?
3.檔案提交到伺服器後,如何擷取他的地址,並返回到input裡?

                        

upload.php:

    

回複內容:

1.如何使iframe裡的資訊,傳到div那?
2.如果不使用iframe而使用div的話,怎麼讓div裡的form進行提交且不跳轉?
3.檔案提交到伺服器後,如何擷取他的地址,並返回到input裡?

                        

upload.php:

    

upload.php 在儲存好檔案之後, 將檔案的路徑以下面這樣的形式返回給上層.

簡單來講就是通過 parent 然後就可以訪問iframe所在的那個頁面中的內容了.

線上示範地址: https://xqin.net/temp/up.html

up.php 的代碼如下(此處只是示範,故只輸出目前時間):

上傳完成! 

之前在做chrome外掛程式的時候,碰到過iframe與外部通訊,不知道有沒有協助

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

https://github.com/xwartz/xwartz.github.com/issues/1

h5web通訊,http://www.cnblogs.com/ATree/archive/2012/03/07/html5-web-messaging.html

iframe裡面上傳成功後, 把值寫到iframe裡面.

event掛到window.onload裡面, 然後去iframe裡面拿data.

iframe裡的window對象不是可以被外部拿到嘛,在外部弄一個函數,在iframe裡提交的時候阻止預設事件然後調用外部的callback

非同步提交form不就行了

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.