jqueryダウンロード画像

3151 ワード

aタグで画像をダウンロードする
href:      /    
download:    (   ,              )
<a href='xxx.jpg' download='file.jpg'>  jpg  </a>

HTML 5では、downloadはラベルの新しい属性で、download属性はブラウザがファイルをダウンロードするときのデフォルト名、つまりクライアントでダウンロードファイルの名前を変更することができます.
発生した問題
同域のピクチャーはaラベルを使ってダウンロードして、異なってダウンロードすることができません
HTML+JS画像をローカルにダウンロード
  <img id="girlImg" src="girl.jpg" alt="">
  <button class="downloadBtn" type="button" οnclick="downloadImg()">    </button>
 function downloadImg(){
        var img = document.getElementById('girlImg'); //         
        var url = img.src;                            //       
        var a = document.createElement('a');          //     a     document
        var event = new MouseEvent('click')           //     click    
        a.download = 'beautifulGirl'                  //   a   download   
        a.href = url;                                 //     src   a   href
        a.dispatchEvent(event)                        //         
  }

このメソッドに問題があるかは不明ですが、後で問題が発生したら再説明します.