data:url （通過base64的方式下載）

<a download="aaa.jpg" id="aaa">base64下載</a> let src = `data:img/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEA` $('#aaa').attr('href', src)

bolb: url （通過上傳文件轉url下載）

<input type="file" placeholder="上傳" onchange="fileInput(event, this.files)" style="display: none;"> <div class="file"></div> <a download="xxx" id="file">文件下載</a> function fileInput (e, file) {// e // 事件// file 文件listvar objectURL = window.URL.createObjectURL(file[0]);$('#file').attr('href', objectURL)}// 通過隱藏$('.file').on('click', function () {$('input').click()})

• tips: 在第二種中，可以通過隱藏input[type=file] 用觸發該input的click事件的方式來喚起上傳文件
• download 中可以寫入自定義的文件名，但是會有同源的限制，而且后端不能定義文件名

總結

以上是生活随笔為你收集整理的文件下载到本地的几种方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。