vue 截圖,上傳服務器

import html2canvas from 'html2canvas'

//保存圖片
saveImg() {
html2canvas(this.$refs.table, {
useCORS: true,
backgroundColor: null
}).then(canvas => {
const dataUrl = canvas.toDataURL('images/jpg')

           var aa =  this.base64ToFile(dataUrl,'test');
     
     })
 }, 
 // base64轉file文件
 base64ToFile(base64, fileName) {
    var byteString = atob(base64.split(',')[1])
    var mimeString = base64.split(',')[0].split(':')[1].split(';')[0]
    var ab = new ArrayBuffer(byteString.length)
    var n = byteString.length;
    let u8arr = new Uint8Array(ab);
  
    while (n--) {
      u8arr[n] = byteString.charCodeAt(n);
    }
    return new File([u8arr], fileName, { type: mimeString });
  }, 
  // base64轉buffer
  dataURItoBlob (dataURI) { 
    var byteString = atob(dataURI.split(',')[1])
    var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
    var ab = new ArrayBuffer(byteString.length)
    var ia = new Uint8Array(ab)
    for (var i = 0; i < byteString.length; i++) {
      ia[i] = byteString.charCodeAt(i)
    }
    return new Blob([ab], { type: mimeString })
  },
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容