Heim > Artikel > Web-Frontend > JavaScript implementiert eine Methode zur Steuerung der Fähigkeiten zum Speichern von geöffneten Dateien als Dialog box_javascript

JavaScript implementiert eine Methode zur Steuerung der Fähigkeiten zum Speichern von geöffneten Dateien als Dialog box_javascript

WBOYOriginal: 2016-05-16 16:03:222575Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie Sie JavaScript verwenden, um das Dialogfeld zum Öffnen der Datei „Speichern unter“ zu steuern. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Hier wird das Dialogfeld „Bild speichern unter“ über JS geöffnet und fordert den Benutzer auf, die Datei zu speichern

<!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>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：js implementiert Touch-Mobile-Touchscreen-Sliding-Event_Javascript-FähigkeitenNächster Artikel：js implementiert Touch-Mobile-Touchscreen-Sliding-Event_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen