1

私はhtmlファイルにimgコードを持っています：

<span style="display:inline">
        <img NAME="anImage" height="250" src="https://chart.googleapis.com/chart?" alt="">
       </span>

上記では、<img>Webページにが表示されています。ボタンを追加し、ボタンをクリックすると、システムの[名前を付けて保存]ダイアログが表示され、このimgをローカルディスクに保存します。

   <input id="saveImage" type="button" value="save image"></input>
   <script type="text/javascript">
    .............
   </script>

これどうやってするの？

4

2 に答える 2

1

必要なのは、画像のデフォルトのブラウザー動作です。追加のボタンが必要な場合は、画像のコンテキスト メニュー イベントをトリガーできます。

画像にIDを付けて、ネイティブのJavaScriptでこれを機能させてください!

var ev
  , image = document.getElementById('your-image-id')
  , button = document.getElementById('saveImage');

button.onclick = function () {
  if (document.createEvent) { // means this is no ie-browser
    ev = document.createEvent('HTMLEvents');
    ev.initEvent('contextmenu', true, false);
    image.dispatchEvent(ev);
  } else {
    image.fireEvent('oncontextmenu');
  }
};
于 2012-12-17T08:30:07.390 に答える
0

このコードにより、ユーザーは ID saveImage のボタンをクリックしてファイル example.jpg をダウンロードできます。

$('#saveImage').click(function() {

window.location.assign('http://localhost/example.jpg');

});
于 2012-12-17T08:25:28.027 に答える