Maison > Article > interface Web > JavaScript implémente une méthode pour contrôler l'enregistrement des fichiers ouverts sous les compétences de la boîte de dialogue_javascript
L'exemple de cet article décrit comment utiliser JavaScript pour contrôler la boîte de dialogue Enregistrer sous le fichier ouvert. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Ici, la boîte de dialogue Enregistrer l'image sous est ouverte via JS, invitant l'utilisateur à enregistrer le fichier
<!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>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.