Comment faire pour télécharger un fichier sans l'aide de <a> élément avec le téléchargement de l'attribut ou un serveur?

Selon caniuse la télécharger attribut de <a> élément est pris en charge à Microsoft Arête 10547+, mais pas IE ou Safari.

Comment télécharger un fichier à un objet sans utiliser <a> élément avec download attribut ou un serveur?

Vous pouvez le vérifier ma réponse ici: stackoverflow.com/questions/38524320/... Il donne exactement ce que vous cherchez.
Voir les critères de OP, .responseType n'a pas été défini à ce point dans le navigateur de développement.
vous êtes à la recherche d'une solution pour 2016-navigateur compatible ou 2017? 🙂
Ne va pas essayer de modifier le contexte de la Question d'origine après le fait. Voir Comment faire pour créer un ArrayBuffer et les données de l'URI de la Goutte et des objets de Fichiers sans FileReader? où posté une Réponse qui ne répondent pas à des critères d'origine, bien que prévue solution, Kaiido précisément souligné le contexte approprié.
Que voulez-vous dire sans un "serveur"?
Sans demander le fichier à partir d'un serveur et sans serveur de répondre avec les données ayant Content-Disposition en-tête. En utilisant le navigateur à proposer le téléchargement
Quel sera le contenu du fichier. Mieux si vous pouvez d'état de toute l'histoire! En attendant, vous pouvez essayer developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
Voir "Mieux si vous pouvez d'état de toute l'histoire!" Voir stackoverflow.com/questions/38193605/..., stackoverflow.com/q/38195855

InformationsquelleAutor guest271314 | 2016-08-02

13

Il y a un certain nombre de façons de déclencher un téléchargement. Voici quelques-uns:

Utiliser un formulaire:
```
<form method="get" action="mydoc.doc">
<button type="submit">Download</button>
</form>
```
L'utilisation de javascript:
```
<button type="submit" onclick="window.open('mydoc.doc')">Download</button>
```
- ce qui si l'utilisateur a plugin de navigateur qui s'ouvrent mydoc.doc? ensuite, comment il sera téléchargé?
- Un utilisateur peut choisir d'enregistrer le contenu qu'ils voient par l'intermédiaire d'un plug-in de navigateur. Cependant, vous ne pouvez pas forcer un téléchargement à partir du front-end. Voir ceci: stackoverflow.com/questions/8613725/...
InformationsquelleAutor Leo Farmer
3

Bien que je soutiens @LeoFarmer réponse, je voudrais vous proposer deux "hackable" approches:
1. Si le fichier est très petite, vous pouvez utiliser a avec le href='data:[<mediatype>][;base64],<données>'.
  
  Cela pourrait vous permettre d'ajouter le contenu de la disposition dans le mediatype, l'émulation d'un en-tête HTTP. Ce hack n'est pas aussi portable que l'on pourrait espérer.
2. Sur les petites et moyennes fichiers, il est possible de télécharger le fichier à l'aide d'AJAX, et puis utiliser le Fichier Javascript de l'API pour la demande d'enregistrement de fichier (l'API ne les supporte pas d'économie, mais il est facile de convertir les données à des données d'URL).
  
  Si vous voulez éviter que le Fichier Javascript de l'API, vous pouvez essayer d'émuler un ancrage sur, comme suggéré ici.
De nouveau, comme l'a souligné Leo Agriculteur, ces solutions ne peux pas promettre que le navigateur n'est pas ouvert le fichier dans un nouvel onglet au lieu de l'enregistrer sur le disque, mais je pense qu'il est sûr de dire que tous les utilisateurs seront en mesure de dégrader gracieusement à un cmd+S ou ctrl+S raccourci clavier 🙂

InformationsquelleAutor Myst
2

Vous pouvez le faire en utilisant à la fois le téléchargement de l'attribut et de jquery. télécharger attribut ne prennent pas en charge dans ie et safari/ios. Donc vous pouvez utiliser jquery pour faire
```
 $('.download').click(function(e) {
    e.preventDefault();  //stop the browser from following
    window.location.href = 'uploads/file.doc';
});

<a href="no-script.html" class="download">Download</a>
```
InformationsquelleAutor Jahid Hasan
1

Utilisation FileSaver.js

Il prend en charge tous les navigateurs courants.

Simplement inclure:
```
<script type="text/javascript" src="FileSaver.min.js"></script>
```
et de l'utiliser comme:
```
var file = new File(["Hello, world!"], "hello world.txt", {type: "text/plain;charset=utf-8"});
saveAs(file);
```
Remarque:
Pour le faire fonctionner aussi dans Safari < 6, Opera < 15 et FireFox < 20 vous devez inclure Blob.js comme une dépendance.
- Est File constructeur disponible sur les navigateurs mentionnés à la dernière phrase de la Réponse?
- Non, ils ne le font pas. (caniuse.com/#search=File) Mais jetez un oeil à la documentation de FileSaver.js il existe d'autres moyens de la sauver. J'espère que vous le trouverez utile. 🙂
InformationsquelleAutor padr

Vous pouvez utiliser données > URI data:[<mediatype>][;base64],<data> représentation de fichier soit créé manuellement ou en utilisant FileReader(), .readAsDataURL(), avec MIME le type d'ensemble de application/octet-stream, encodeURIComponent(), window.open()

<script>
  var file = "data:application/octet-stream,"
             + encodeURIComponent("<!DOCTYPE html>"
             + "<html><body>"
             + "<div>abc</div>"
             + "</body></html>");
  var saveFile = window.open(file, "_self");     
</script>

<script>
  var blob = new Blob(["abc"], {type:"text/plain"});
  var reader = new FileReader();
  reader.addEventListener("load", function(e) {
    //replace existing `MIME` type with `application/octet-stream`
    var file = "data:application/octet-stream;" 
                + e.target.result.split(/;/)[1];
    var saveFile = window.open(file, "_self");
  });
  reader.readAsDataURL(blob)
</script>

plnkr http://plnkr.co/edit/IS1OC0laRwL3BuuF9zay?p=preview

InformationsquelleAutor guest271314

-1

Si vous utilisez le serveur-côté puis de suivre le mécanisme de soumission de formulaire pour afficher la page.
Dans MVC, nous pouvons utiliser code ci-dessous

Html

  @using (Html.BeginForm("GetAttachment", "User", FormMethod.Post))
                {

                    <button type="submit">Download</button>   
                }

MVC Contrôleur de

public ActionResult GetAttachment()
{
   string filename = "File.pdf";
string filepath = AppDomain.CurrentDomain.BaseDirectory + "/Path/To/File/" + filename;
byte[] filedata = System.IO.File.ReadAllBytes(filepath);
string contentType = MimeMapping.GetMimeMapping(filepath);

var cd = new System.Net.Mime.ContentDisposition
{
    FileName = filename,
    Inline = true,
};

Response.AppendHeader("Content-Disposition", cd.ToString());

return File(filedata, contentType);
}

"sans l'aide de <a> élément avec le téléchargement de l'attribut ou un serveur?"
en utilisant le formulaire nous envoient les données au serveur et le serveur retourne le fichier.
Un <form> n'a pas besoin d'être soumis à un serveur. L'exigence de la Question est de ne pas utiliser un serveur
puis-je utiliser $.fileDownload('/url/de/download.pdf'); attribut?
Pas sûr de ce que tu veux dire?
veuillez consulter le johnculviner.com/...
Pourquoi est un plugin jQuery nécessaire?

InformationsquelleAutor Pradeep Kumar Das

Vous devez vous connecter pour publier un commentaire.