快捷導(dǎo)航

javascript實(shí)現(xiàn)將文件保存到本地方法匯總

更新時(shí)間：2015年07月26日 11:19:13 投稿：hebedich

本文給大家匯總介紹了3中使用javascript實(shí)現(xiàn)將文件保存到本地的方法，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。

下面是保存一個(gè)圖片為示例，代碼來(lái)源于網(wǎng)絡(luò)，希望能夠給大家?guī)?lái)一定的幫助，代碼如下:

<script type="text/javascript"> 
function saveFile(imgUrl) 
{ 
 var oPop=window.open(imgUrl,"","width=1, height=1, top=5000, left=5000"); 
 for(;oPop.document.readyState != "complete"; ) 
 { 
  if(oPop.document.readyState=="complete")break; 
 } 
 oPop.document.execCommand("SaveAs"); 
 oPop.close(); 
} 
</script> 
</head>
<body>
<img src="../mytest.jpg" id="theimage" border="0"> 
<a href="#" onclick="saveFile(document.getElementById('theimage').src)"> 點(diǎn)擊這里下載圖片 </a> 
</body>
</html>

方法二：

function SaveAs5(imgURL)
  {
  var Pop = window.open(imgURL,"","width=1, height=1, top=5000, left=5000");
  for(; oPop.document.readyState != "complete"; )
  {
  if (oPop.document.readyState == "complete")break;
  }
  oPop.document.execCommand("SaveAs");
  oPop.close();
  }

<img src="t_screenshot_17616.jpg" id="DemoImg" border="0" onclick="SaveAs5(this.src)">

方法三：

function SaveAs5(imgURL)
  {
  var Pop = window.open(imgURL,"","width=1, height=1, top=5000, left=5000");
  for(; oPop.document.readyState != "complete"; )
  {
  if (oPop.document.readyState == "complete")break;
  }
  oPop.document.execCommand("SaveAs");
  oPop.close();
  }

<img src="../t_screenshot_17616.jpg" id="DemoImg" border="0"> 
<a href="#" onclick="SaveAs5(document.getElementById('DemoImg').src)"> 點(diǎn)擊這里下載圖片 </a>

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

微信小程序?qū)崿F(xiàn)購(gòu)物車(chē)頁(yè)面
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)購(gòu)物車(chē)頁(yè)面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
JavaScript indexOf的第二個(gè)參數(shù)用法
indexOf 是我們非常熟悉的一個(gè)方法,它可以用來(lái)獲取某一個(gè)元素在一個(gè)數(shù)組里的位置,我們一般就會(huì)使用 array.indexOf(element) 的方法來(lái)進(jìn)行使用,但是,大家有沒(méi)有使用過(guò) indexOf 的第二個(gè)參數(shù)呢？本文將給大家介紹一下indexOf的第二個(gè)參數(shù)用法,需要的朋友可以參考下
2024-02-02
JS中微信小程序自定義底部彈出框
本文通過(guò)實(shí)例代碼給大家介紹了js開(kāi)發(fā)中微信小程序自定義底部彈出框效果，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2016-12-12
JavaScript實(shí)現(xiàn)商品放大鏡效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)商品放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
關(guān)于TypeScript中import JSON的正確姿勢(shì)詳解
2012年10月首度對(duì)外公布typescript（當(dāng)時(shí)已經(jīng)是0.7？的版本）同時(shí)開(kāi)源，ts的編譯器是用js編寫(xiě)的（后來(lái)改成ts？），可以在線(xiàn)編寫(xiě)。下面這篇文章主要給大家介紹了關(guān)于TypeScript中import JSON的正確姿勢(shì)，需要的朋友可以參考下。
2017-07-07
JS對(duì)象與json字符串格式轉(zhuǎn)換實(shí)例
這篇文章主要介紹了JS對(duì)象與json字符串格式轉(zhuǎn)換方法,以實(shí)例的形式詳細(xì)講述了js對(duì)象與json字符串格式轉(zhuǎn)換的技巧,需要的朋友可以參考下
2014-10-10
使用flutter創(chuàng)建可移動(dòng)的stack小部件功能
本文主要介紹我為桌面和 Web 設(shè)計(jì)的一個(gè)超級(jí)秘密 Flutter 項(xiàng)目使用了畫(huà)布和可拖動(dòng)節(jié)點(diǎn)界面。本教程將展示我如何使用堆棧來(lái)使用小部件完成可拖動(dòng)功能,需要的朋友可以參考下
2021-10-10
p5.js實(shí)現(xiàn)故宮橘貓賞秋圖動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了p5.js實(shí)現(xiàn)故宮橘貓賞秋圖動(dòng)畫(huà)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-10-10
微信js-sdk上傳與下載圖片接口用法示例
這篇文章主要介紹了微信js-sdk上傳與下載圖片接口用法,結(jié)合實(shí)例形式分析了基于上傳圖片接口(uploadImage)和下載圖片接口(downloadImage)針對(duì)圖片操作的相關(guān)技巧,需要的朋友可以參考下
2016-10-10
JS獲取當(dāng)前使用的瀏覽器名字以及版本號(hào)實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JS獲取當(dāng)前使用的瀏覽器名字以及版本號(hào)實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08