recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Comment enregistrer des images localement dans JS?

Comment télécharger des images en cliquant sur un tag ?

<img src="images/123.png" alt="">
        <a href="#">下载图片</a>
巴扎黑巴扎黑2727 Il y a quelques jours1008

répondre à tous(3)je répondrai

  • 阿神

    阿神2017-06-15 09:24:51

    Deux idées :
    1.

        <html>  
         <head>  
          <title> 通过js保存图片到本地 </title>  
          <meta name="Generator" content="EditPlus">  
          <meta name="Author" content="">  
          <meta name="Keywords" content="">  
          <meta name="Description" content="">  
          <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>  
        </head>  
     <body>  
      <input type="button" value="download image" onclick="DownLoadReportIMG('http://www.oursss.com/uploads/photo/1045_2590.jpg?rd=0.9961522558898981');">    
     </body>  
    </html> 
    
      function DownLoadReportIMG(imgPathURL) {
            //如果隐藏IFRAME不存在,则添加
            if (!document.getElementById(“IframeReportImg”))
            $(‘‘).appendTo(“body”);
            
            if (document.all.IframeReportImg.src != imgPathURL) {
                //加载图片
                document.all.IframeReportImg.src = imgPathURL;
            }
            else {
                //图片直接另存为
                DoSaveAsIMG();
            }
        }
        function DoSaveAsIMG() {
            if (document.all.IframeReportImg.src != “about:blank”)
            document.frames(“IframeReportImg”).document.execCommand(“SaveAs”);
        }
        
        
        
        
        
    
     
    2.第二种思路,使用获取img对象,然后通过ajax+fromData发送到服务端,然后发起请求下载该图片
    
    -------------暂时想到这两种,没有找到js写文件的权限,想到在补充

    répondre
    0
  • 欧阳克

    欧阳克2017-06-15 09:24:51

    <a href="images/123.png" download="123.png">

    répondre
    0
  • 代言

    代言2017-06-15 09:24:51

    Le href de la balise a pointe vers l'adresse du fichier

    <a href="images/123.png">下载图片</a>

    répondre
    0
  • Annulerrépondre