3

画像をpng形式で保存するためのボタンを作成しようとしています。画像は、URL、リソース、またはWebAPIからの画像である可能性があります

私はWeb開発の世界の初心者です。私はどんなボタンアクションもこのようにできることを知っています：

<input type="button" value="Save image"       onclick="saveimage();" />

またはこのように（どちらがより良い実装かわかりません）

<button type="button" onclick="saveimage();">Save Image</button>

画像をpngで保存できるようにするためにJavascriptヘッダーに何を入れるべきかわかりません。どんな手掛かり ？

ありがとう！

4

1 に答える 1

2

私が知っている唯一の解決策はこれです：

<script> 
function saveImageAs (imgOrURL) {
    if (typeof imgOrURL == 'object')
      imgOrURL = imgOrURL.src;
    window.win = open (imgOrURL);
    setTimeout('win.document.execCommand("SaveAs")', 500);
  }
</script>
<body>

  <A HREF="javascript: void 0"
     ONCLICK="saveImageAs(document.anImage); return false" >
  save image</A>
  <IMG NAME="anImage" SRC="../apache_pb2.gif">
</body>

ただし、IEでのみ機能します。サーバー側のスクリプト (php、asp) を使用する場合は、話が異なります。次に、応答ヘッダーを設定して、ユーザーにファイルのダウンロードを強制することができます ([名前を付けて保存] ダイアログを取得します)。

于 2013-02-12T21:30:07.450 に答える