javascript實(shí)現(xiàn)將文件保存到本地方法匯總
更新時(shí)間:2015年07月26日 11:19:13 投稿:hebedich
本文給大家匯總介紹了3中使用javascript實(shí)現(xiàn)將文件保存到本地的方法,非常的簡單實(shí)用,有需要的小伙伴可以參考下。
下面是保存一個圖片為示例,代碼來源于網(wǎng)絡(luò),希望能夠給大家?guī)硪欢ǖ膸椭a如下:
<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>
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
您可能感興趣的文章:
- JS打開攝像頭并截圖上傳示例
- js+HTML5基于過濾器從攝像頭中捕獲視頻的方法
- 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來進(jìn)行傳參的實(shí)現(xiàn)方法
今天小編就為大家分享一篇使用layui的router來進(jìn)行傳參的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS實(shí)現(xiàn)的JSON數(shù)組去重算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的JSON數(shù)組去重算法,結(jié)合實(shí)例形式分析了javascript針對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í)例,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12