Maison  >  Article  >  interface Web  >  Exemple de tutoriel sur le téléchargement de js et la modification du nom du fichier

Exemple de tutoriel sur le téléchargement de js et la modification du nom du fichier

零下一度
零下一度original
2017-05-10 11:06:453029parcourir

Cet article présente principalement le code de js pour télécharger des fichiers et modifier le nom du fichier en détail. Il a une certaine valeur de référence. Les amis intéressés peuvent se référer au fichier de téléchargement

js, utiliser. la balise 3499910bf9dac5ae3c52d5ede7383485 et ajoutez l'attribut download.

var a = document.createElement("a");
a.href = "XXX.com/audioStream/8a9dbae9d0859e48fc1f590fcf6d4ccc.mp3";
a.download ="test.mp3";
a.click();

Mais si vous souhaitez renommer le fichier, il semble que js ne puisse pas le faire.

Par conséquent, considérez l'implémentation en arrière-plan, utilisez Java pour proxy la requête, obtenez le nom du fichier de configuration du fichier et revenez au front-end.

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();
    }

  }

[Recommandations associées]

1 Tutoriel vidéo en ligne js gratuit

2 Manuel de référence en chinois JavaScript

3. php.cn Dugu Jiujian (3) - Tutoriel vidéo JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn