jQuery は、リフレッシュ不要のファイルを実現するためにプラグインと swf を使用しません。

ファイルのアップロードは、添付ファイルや写真のアップロード機能など、Web サイトでよく使用される機能です。今日は、jQuery を使用してファイルをアップロードする方法を紹介します。

まず、ファイルをアップロードするためのフォームをページに配置します。

コードをコピーします コードは次のとおりです:

enctype="multipart/form-data" target="asyncTarget">
ファイル:

次に、ページに iframe を配置し、Web ページ全体ではなく、アップロード時に iframe のみを更新します。

コードをコピーします コードは次のとおりです:

次に、js を使用してボタンに機能を追加します。

コードをコピーします コードは次のとおりです:

<スクリプト>
$(関数() {
$("#btnUpload").click(function () {
$("#myForm").submit();
});
});

ボタンをクリックしたらフォームを送信します。

このソリューションでは、更新せずにファイルのアップロードを簡単に実装できます。その実装アイデアは、フォームを iframe に送信し、その他の処理は通常のフォーム送信と同じです。

このソリューションで改善する必要があるのは、アップロードがいつ完了したかを判断する方法です。現時点では、アイデアは 1 つだけです。それは、js を通じて iframe の準備完了状態を監視し、iframe のコンテンツを解析することです。