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)容了,希望大家能夠喜歡。
您可能感興趣的文章:
- JS打開攝像頭并截圖上傳示例
- js+HTML5基于過(guò)濾器從攝像頭中捕獲視頻的方法
- AngularJS中使用HTML5手機(jī)攝像頭拍照
- Vue2.0實(shí)現(xiàn)調(diào)用攝像頭進(jìn)行拍照功能 exif.js實(shí)現(xiàn)圖片上傳功能
- js實(shí)現(xiàn)手機(jī)拍照上傳功能
- javascript 保存文件到本地實(shí)現(xiàn)方法
- JS預(yù)覽圖像將本地圖片顯示到瀏覽器上
- 用js實(shí)現(xiàn)下載遠(yuǎn)程文件并保存在本地的腳本
- JavaScript中使用ActiveXObject操作本地文件夾的方法
- JS實(shí)現(xiàn)調(diào)用本地?cái)z像頭功能示例
相關(guān)文章
JS實(shí)現(xiàn)判斷有效的數(shù)獨(dú)算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)判斷有效的數(shù)獨(dú)算法,結(jié)合實(shí)例形式分析了javascript數(shù)獨(dú)判斷的原理及相關(guān)算法實(shí)現(xiàn)、使用操作技巧,需要的朋友可以參考下2019-02-02
使用layui的router來(lái)進(jìn)行傳參的實(shí)現(xiàn)方法
今天小編就為大家分享一篇使用layui的router來(lái)進(jìn)行傳參的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JS實(shí)現(xiàn)的JSON數(shù)組去重算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的JSON數(shù)組去重算法,結(jié)合實(shí)例形式分析了javascript針對(duì)json數(shù)組的遍歷、判斷實(shí)現(xiàn)去重復(fù)功能相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
純JS實(shí)現(xiàn)表單驗(yàn)證實(shí)例
這篇文章主要介紹了純JS實(shí)現(xiàn)表單驗(yàn)證實(shí)例,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12

