iframeを使用すると、ウェブページのユーザーがページ全体を再読み込みせずにファイルをアップロードする方法を教えてください。私は多くのjQueryプラグインを見つけましたが、この作業には大きすぎます。ユーザーは、他の入力を入力せずに1つのファイルをアップロードするだけで済みます。PHP iframe one file upload
0
A
答えて
0
iframeは、ページ内に読み込まれるHTMLページ全体です。あなたがする必要があるのは、ユーザーがファイルを選択し、アップロードボタン(アップロードと言う送信ボタン)を持つか、または "onchange"イベントでjavascriptを使用してファイルを自動的にアップロードするフォームを持つHTMLページを作成することだけです。そして、iframeの中にすべてロードしてください。
iframeの親ウィンドウでファイル名を使用できるようにする必要がある場合は、ファイルをアップロードするときにjavascriptで親ウィンドウにファイル名を渡す必要があります。
ここでは、私が使用したいくつかのコードのトリミングダウンバージョンです。それを通常のhtmlページの中に置き、そのページをiframeにロードします。
フォーム:
<form action="thispagename.html" method="post" enctype="multipart/form-data">
<input type="file" id="userfile" name="userfile" value="" onchange="SendToParent(this, 'fieldinparent')" /><br/>
<button type="submit" id="uploadfile" name="uploadfile">Upload File</button>
</form>
Javascriptを:
function SendToParent(origin, destination)
{
parent.document.getElementById(destination).value = origin.value;
}
基本的にについてのすべてのあなたはそれが自動的に提出する必要がある場合は、あなたが「のonchange」イベントに追加機能を追加することができますがあること自動送信を処理します。
0
ajaxを使用できます。 Jqueryやその他のライブラリとプラグインを使用すると、これは非常に簡単になります
関連する問題
- 1. seafile php file upload
- 2. Php gearman file upload
- 3. PHP - File Upload spitting outエラー
- 4. Amazon Cloud Drive upload file from PHP
- 5. jquery file upload php database blueimp
- 6. Strava V3 api upload gpx file php
- 7. Laravel File UploadまたはjQuery-File-Upload?
- 8. Laravel 5.4 file upload
- 9. PHPでng2-file-uploadを使用する
- 10. Rails Ajaxy File Upload
- 11. java ftp file upload
- 12. Magento Ajax File Upload
- 13. File Upload in Userfrosting
- 14. phalcon file upload fail
- 15. Cloudly File Upload Error
- 16. ASP.NET Razor File Upload
- 17. Ng-file-uploadショーアップロードインジケータ
- 18. Howto:Drupal File Upload Form
- 19. React JS file upload
- 20. AJAX File Upload with Railsの後にiframeの状態を確認
- 21. Struts 2 Jquery File Upload
- 22. angle webpack ng-file-upload
- 23. blueimp jquery file uploadワードプレス
- 24. Angular-upload file as base64
- 25. Facebook Canvas app file upload
- 26. blueimp-file-upload-node npmモジュールとjQuery-File-Uploadプラグインの統合
- 27. Ionic Photo Upload - File to Base64 String
- 28. Retrofit 2 Multipart file uploadエラー
- 29. Drupal File Uploadの問題
- 30. blueimp jQuery-File-Upload with ajax
これは読んでいますか? http://stackoverflow.com/questions/3660616/how-can-i-do-file-upload-using-hidden-iframe-jquery – marcocamejo