0

PHPページにhtmlフォームがあり、さまざまなサイズで画像をダウンロードできます。

<form action='download.php' method='post'>
     <select name='size'>
          <option value='1'>Small</option>
          <option value='2'>Medium</option>
          <option value='3'>Large</option>
     </select>
     <button type='submit'>Download</button>
</form>

また、「download.php」ページには、画像を生成し、ヘッダーを使用して自動的にダウンロードを開始するコードがあります。

header('Content-type: image/jpeg');
header('Content-Disposition: attachment; filename="'.$filename.'"');        
imagejpeg($image, null, 100);

ダウンロードボタンをクリックすると、フォームが正常に送信され、画像のダウンロードが開始されます。download.php ファイルでヘッダーを使用しているため、現在のページは download.php ファイルにリダイレクトされず、フォームがそのまま残ります。今まですべてが機能します。

ダウンロードボタンをもう一度クリックすると、フォームは画像をダウンロードせずに download.php ファイルにリダイレクトされます。

インデックス ページを更新せずに、ダウンロード ボタンを複数回操作する方法はありますか?

ノート：

1.) インデックス ページで jquery を使用しています。

2.) の代わりに<input type='submit' />、<button type='submit'></button>font-awesome jquery プラグインを使用してアイコンをボタンに配置しているため、使用しています。入力タグではこれは不可能です。

4

1 に答える 1

1

あなたが求めていることをするためにjquery ajaxを使用しています。

ここでajax チュートリアルを見つけることができます。

ステップ 1: ajax を使用してデータを投稿する必要があります

ステップ 2: フィールドをリセットするには、jquery で ID を使用してフィールドをリセットできます。

Ajax jquery ダウンロード スクリプト

于 2013-03-11T15:08:42.897 に答える