html にファイルをアップロードするためのスクリプトはありますか 1 つの html ファイル ( js などを含めることができます) のみである必要がありますが、1 つのファイルである必要があります。
2 に答える
html にファイルをアップロードするためのスクリプトはありますか 1 つの html ファイル ( js などを含めることができます) のみである必要がありますが、1 つのファイルである必要があります。
あなたの要件は、ファイルのアップロードを処理するクライアント側に「純粋な HTML (および JS)」Web ページが必要であると述べています。
これには2つの部分があります..
クライアント側:
アップロードするファイルをキャプチャするには、タグに
<input type="file" ... />
埋め込まれた ような HTML タグが必要です。<form>
2.a. どのようにファイルを送信しますか..? ユーザーがページを送信する場合は
<form>
、送信されたデータを受け入れるために、サーバー上にある PHP ページへのポイントの action 属性を設定するだけです。2.b. ファイルを非同期で (バックグラウンドで) 送信したい場合があります。この場合、いくつかの JQuery AJAX File アップローダ プラグインを使用してこれを行うことができます。Google はかなりの数の結果を出すことができます。
HTML4 ブラウザーでは、サーバーにファイルを送信できる唯一の方法は、フォームが送信されたときであることに注意してください。したがって、技術的には、ここでは 1 ページの AJAX は使用できません。しかし、非表示の iframe を使用してアップロードを行うと、非同期ファイル アップロードの錯覚が生じます。幸いなことに、Plupload や Uploadify のように簡単に行える優れたプラグインがあります。後者は私が一度使用したことがあります。これらのプラグインを使用すると、要件にない Flash/Silverlight アップローダも使用できることに注意してください。言うまでもなく、Silverlight/Flash では非同期ファイルのアップロードが可能です。
2.c. HTML5 非同期ファイル アップロード: 基本的に、HTML5 はファイルをメモリにキャッシュすることで Flash/Silverlight を置き換え、次に JQuery を使用して AJAX を使用して送信します。
私は数ヶ月前にこれをよく説明しているこのtutを見つけました:): http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/
最後にサーバー側で:
- ここに、変数からファイルのバイナリ データを読み取る基本的な PHP スクリプトがあります。
$_FILES['<name of input file tag in the form>']
お役に立てれば!どうやって最終的にこれを進めることにしたのか教えてください。
ではごきげんよう!
いいえ、サーバー側のアプリケーションで処理する必要があります(PHP、ASP.NET、CGI実行可能ファイルなど)。ごめん