Javascript Girl
  1. Javascript Girl
  3. Utilisation de dropzone.js dans asp.net
Intereting Posts
AngularJS + Routing + Resolve Chrome a-t-il correctement implémenté l'objet dataTransfer? Stubbing a React component method avec Sinon Meteor – Publiez seulement le compte pour une collection JS: extrait le texte d'une chaîne sans jQuery Quelle est la meilleure façon de passer les valeurs de promesse résolue à une chaîne finale "alors" Existe-t-il un équivalent de «parent» de PHP avec l'héritage prototypique de javascript? Valeur du gyroscope en titane Le téléchargement d'image JQuery ne fonctionne pas pour un événement futur Développement de bookmarklet plus facile NE MarcoAeaMMMM MarcoA Marco AjustadaMMM Ajlo MarcoAutora MarcoAppidence Marco Chamand AddEventListener pour plusieurs éléments ne fonctionne pas avec l'événement "focus" Comment utiliser Graph API pour obtenir le nombre total d'amis de l'utilisateur Je n'obtiens "aucune méthode de ce genre" lors de l'utilisation de fonctions statiques ES6 Barre de progression pour les téléchargements de fichiers Iframe?

Utilisation de dropzone.js dans asp.net

Depuis quelques jours, j'essaie d'implémenter le téléchargement de fichiers multiples avec l'interface de glisser-déposer. J'ai cherché beaucoup et j'ai enfin trouvé ma demande exacte de http://www.dropzonejs.com/

J'ai essayé les mêmes étapes à partir du site ci-dessus. Mais je ne peux pas mettre en œuvre cette fonctionnalité dropzone dans ma page aspx.

En supposant que vous utilisez des formulaires Web, vous devez implémenter une page qui lit les données de fichier affichées et l'enregistre dans le fichier.

Exemple .ASPX 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Mvc4Application_Basic.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="https://raw.github.com/enyo/dropzone/master/downloads/dropzone.js"></script> <link href="http://www.dropzonejs.com/css/general.css?v=7" rel="stylesheet" /> </head> <body> <form id="frmMain" runat="server" class="dropzone"> <div> <div class="fallback"> <input name="file" type="file" multiple /> </div> </div> </form> </body> </html>

Exemple de code derrière 

  public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { foreach (string s in Request.Files) { HttpPostedFile file = Request.Files[s]; int fileSizeInBytes = file.ContentLength; string fileName = Request.Headers["X-File-Name"]; string fileExtension = ""; if (!string.IsNullOrEmpty(fileName)) fileExtension = Path.GetExtension(fileName); // IMPORTANT! Make sure to validate uploaded file contents, size, etc. to prevent scripts being uploaded into your web app directory string savedFileName = Path.Combine(@"C:\Temp\", Guid.NewGuid().ToString() + fileExtension); file.SaveAs(savedFileName); } } }

Si vous utilisez MVC, consultez cette https://stackoverflow.com/a/15670033/2288997