JSPDF 原理

Jspdf是一個將html內容生成pdf文件的庫，原理是對輸入瀏覽器的文字或二進制圖片進行base64編碼轉換，以pdf中應有的形式組織，最終以data uri scheme,

data:application/pdf;base64;[content] 的格式輸出

 

里面的save方法是如何做到瀏覽器端保存文件的呢?

 

看下這個:

<a href="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAAyCAIAAADz8jOMAAAAmklEQVR42u3QQQoAIQgAQP//aRc2NsQ8xJ7HQ2hkykS8kZnrXMm+3GV+Ue9r0lqyxFmOE9vLlo9za+P9kq1rzMe590uOH8Y5njhx4sSJEydOnDhx4sSJEydOnDhx4sSJEydOnDhx4sSJEydOnDhx4sSJEydOnDhx4sSJEydOnDhx4sSJEydOnDhx4sSJEydOnDhx4sSJE/8t/gBbNfIWdjsEtgAAAABJRU5ErkJggg==" download="文件名">A標簽</a>

 

通過給href屬性添加data uri scheme，給download屬性添加文件名稱，點擊時就能下載。