この記事の例では、JavaScript を使用して、開いているファイルを名前を付けて保存ダイアログ ボックスを制御する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。
ここでは、JS を通じて画像を名前を付けて保存ダイアログ ボックスが開き、ユーザーにファイルを保存するよう求めます
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script src="js/jquery.min.js" type="text/javascript"></script> <script language="JavaScript"> <!-- function downLoadImage(imagePathURL){ //如果中间IFRAME不存在,则添加 if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME")) jQuery('<iframe style="display:none;" id="_SAVEASIMAGE_TEMP_FRAME" name="_SAVEASIMAGE_TEMP_FRAME" onload="_doSaveAsImage();" width="0" height="0" src="about:blank"></iframe>').appendTo("body"); if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){ //图片地址发生变化,加载图片 document.all._SAVEASIMAGE_TEMP_FRAME.src = imagePathURL; }else{ //图片地址没有变化,直接另存为 _doSaveAsImage(); } } function _doSaveAsImage(){ if(document.all._SAVEASIMAGE_TEMP_FRAME.src!="about:blank") document.frames("_SAVEASIMAGE_TEMP_FRAME").document.execCommand("SaveAs"); } //--> </script> </head> <body> <input type="button" value="download image" onclick="downLoadImage('http://www.jb51.net/images/logo.gif');"> </body> </html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。