快捷導(dǎo)航

js下載文件并修改文件名

更新時(shí)間：2017年05月08日 08:37:55 作者：chanjuan

這篇文章主要為大家詳細(xì)介紹了js下載文件并修改文件名的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

用js下載文件，使用<a>標(biāo)簽，添加download屬性即可。

var a = document.createElement("a");
a.；
a.download ="test.mp3";
a.click();

但是如果想給文件重新命名，貌似js無(wú)法實(shí)現(xiàn)。

因此考慮后臺(tái)實(shí)現(xiàn)，用java代理請(qǐng)求，獲取文件設(shè)置文件名，返回到前端。

public void downFiles(HttpServletResponse response,String url,String workInfoId,int type){
  try{
   String prefix = type == 1 ? "wav" : "txt";
   url = type == 1 ? url : (url + "?textInfoId="+workInfoId);
   HttpEntity entity = Request.Get(url).
     execute().returnResponse().getEntity();
   byte[] bys = EntityUtils.toByteArray(entity);
   //獲取作品名稱
   Works works = this.worksDao.findByWorkId(workInfoId);
   String name = (works!=null && StringUtils.isNotBlank(works.getName())) ? works.getName() : Long.toString(new Date().getTime());
   response.setHeader("Content-Disposition", "attachment; filename="+ new String(name.getBytes("utf-8"), "ISO-8859-1")+"."+prefix);
   OutputStream out = response.getOutputStream();
   out.write(bys);
   out.close();
  }catch (Exception e){
   e.printStackTrace();
  }

 }

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Cropper.js進(jìn)階之固定寬高圖片裁切實(shí)現(xiàn)示例
這篇文章主要為大家介紹了Cropper.js進(jìn)階之固定寬高圖片裁切實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
js實(shí)現(xiàn)顏色階梯漸變效果（Gradient算法）
在色彩中，色相、明度、純度也都可以產(chǎn)生漸變效果，并會(huì)表現(xiàn)出具有豐富層次的美感。本文主要講述兩種顏色RGB數(shù)值的梯級(jí)漸變算法。下面跟著小編一起來(lái)看下吧
2017-03-03
bootstrap中selectpicker下拉框使用方法實(shí)例
這篇文章主要給大家介紹了關(guān)于bootstrap中selectpicker下拉框使用的相關(guān)資料，文中通過(guò)示例介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2018-03-03
JavaScript循環(huán)遍歷的24個(gè)方法,你都知道嗎
這篇文章主要給大家介紹了關(guān)于JavaScript循環(huán)遍歷的24個(gè)方法,文中對(duì)每種方法都給出了詳細(xì)的實(shí)例代碼,方便大家理解學(xué)習(xí),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2021-09-09
ES6解構(gòu)賦值的功能與用途實(shí)例分析
這篇文章主要介紹了ES6解構(gòu)賦值的功能與用途,結(jié)合實(shí)例形式分析了ES6結(jié)構(gòu)賦值針對(duì)函數(shù)參數(shù)、賦值、json等相關(guān)操作使用技巧,需要的朋友可以參考下
2017-10-10
如何快速高效創(chuàng)建JavaScript 二維數(shù)組方法詳解
這篇文章主要為大家介紹了如何快速高效創(chuàng)建JavaScript 二維數(shù)組方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
javascript在事件監(jiān)聽(tīng)方面的兼容性小結(jié)
javascript 在事件監(jiān)聽(tīng)方面的兼容性總結(jié)，注意是由于多個(gè)瀏覽器的不一致，導(dǎo)致大家在js書寫時(shí)需要考慮多個(gè)瀏覽器的兼容性。
2010-04-04
Javascript將JSON日期格式化
在做項(xiàng)目中，將實(shí)體轉(zhuǎn)化為JSON后，結(jié)果后臺(tái)返回json時(shí)間格式為/Date(1306418993027)/，在前臺(tái)JS里顯示的并不是真正的日期，而且我們不能把所有日期字段都變成string吧，因此寫了Javascript的擴(kuò)展方法，來(lái)實(shí)現(xiàn)這個(gè)功能，代碼如下
2016-08-08
解析Javascript中中括號(hào)“[]”的多義性
這篇文章主要介紹了Javascript中中括號(hào)“[]”的多義性。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
JavaScript中立即執(zhí)行函數(shù)實(shí)例詳解
javascript和其他編程語(yǔ)言相比比較隨意，所以javascript代碼中充滿各種奇葩的寫法，有時(shí)霧里看花，當(dāng)然，能理解各型各色的寫法也是對(duì)javascript語(yǔ)言特性更進(jìn)一步的深入理解。這篇文章主要給大家介紹了關(guān)于JavaScript中立即執(zhí)行函數(shù)的相關(guān)資料，需要的朋友可以參考下。
2017-11-11