1 tip(url, fileName) {
 2         var div = document.createElement('div');
 3         var code = new qrcode(div, {
 4           text: url,
 5           width: 500,
 6           height: 500,
 7           colorDark: "#000000",
 8           colorLight: "#ffffff",
 9           correctLevel: qrcode.CorrectLevel.H
10         })
11         //這里如果需要在頁面上展示的話，就將div節(jié)點給添加到dom樹上去；node.appendChild(div)
12         let canvas = code._el.querySelector("canvas");//獲取生成二維碼中的canvas，并將canvas轉(zhuǎn)換成base64
13         var base64Text = canvas.toDataURL("image/png");
14         var blob = getBlob(base64Text); //將base64轉(zhuǎn)換成blob對象



           //接下來就是下載了，主要的思路就是通過URL.createURL()方法把blob對象轉(zhuǎn)換成url，然后綁定到a標(biāo)簽中的href上，通過a標(biāo)簽的下載屬性來進(jìn)行下載。
15         if (navigator.msSaveBlob) {
16           // IE的Blob保存方法
17           navigator.msSaveBlob(blob, fileName);
18         } else {
19           var link = document.createElement('a');  
20           var href = window.URL.createObjectURL(blob);
21           link.href = href;
22           link.download = fileName;  //a標(biāo)簽的下載屬性
23           document.body.appendChild(link); // firefox需要把a(bǔ)添加到dom才能正確執(zhí)行click
24           link.click();
25           // 延時保證下載成功執(zhí)行，否則可能下載未找到文件的問題
26           setTimeout(function () {
27             window.URL.revokeObjectURL(href); // 釋放Url對象
28             document.body.removeChild(link);
29           }, 100);
30         }
31 
32       },
33       getBlob(base64) {
34         var mimeString = base64.split(',')[0].split(':')[1].split(';')[0]; // mime類型
35         var byteString = atob(base64.split(',')[1]); //base64 解碼
36         var arrayBuffer = new ArrayBuffer(byteString.length); //創(chuàng)建緩沖數(shù)組
37         var intArray = new Uint8Array(arrayBuffer); //創(chuàng)建視圖
38         for (var i = 0; i < byteString.length; i += 1) {
39           intArray[i] = byteString.charCodeAt(i);
40         }
41         return new Blob([intArray], {
42           type: mimeString
43         });
44       },