前端js实现的文件下载代码

      发布在:前端技术      评论:0 条评论
<p>前端js实现的文件下载代码案例</p><pre class="brush:js;toolbar:false;"> function downloadFileWithBuffer(data, name, type) {<br/> var blob = new Blob([data], {<br/> type: type || &#39;&#39;#这里可以指定不同MIME 类型<br/> })<br/> var downloadElement = document.createElement(&#39;a&#39;)<br/> var href = window.URL.createObjectURL(blob) // 创建下载的链接<br/> downloadElement.href = href<br/> downloadElement.download = name // 下载后文件名<br/> document.body.appendChild(downloadElement)<br/> downloadElement.click() // 点击下载<br/> document.body.removeChild(downloadElement) // 下载完成移除元素<br/> window.URL.revokeObjectURL(href) // 释放掉blob对象<br/>}<br/><br/>function downloadExcelWithResData(res) {<br/> console.log(&#39;downloadExcelWithResData&#39;,res);<br/> let fileName = res.headers[&#39;content-disposition&#39;].split(&#39;filename=&#39;)[1]<br/> if (!fileName) {<br/> fileName = res.headers[&#39;content-disposition&#39;].split(&#39;UTF-8\&#39;\&#39;&#39;)[1]<br/> }<br/> fileName = fileName ? fileName.replace(/\&quot;/g, &#39;&#39;) : &#39;file.xlsx&#39;<br/> fileName = decodeURI(fileName) || &#39;&#39;<br/> downloadFileWithBuffer(res.data, fileName, &#39;application/vnd.ms-excel;charset=utf-8&#39;)<br/>}<br/></pre><p><br/></p>
相关文章
热门推荐