2013-04-17 14 views
17

Da alcuni giorni sto cercando di implementare il caricamento di più file con l'interfaccia drag and drop. Ho cercato molto e ho finalmente trovato il mio esatto requisito da http://www.dropzonejs.com/Utilizzo di dropzone.js in asp.net

Ho provato gli stessi passaggi dal sito di cui sopra. ma, non sono in grado di implementare questa funzionalità dropzone nella mia pagina aspx.

+0

Ecco passo dopo passo si http://codepedia.info/ using-dropzone-js-file-immagine-upload-in-asp-net-webform-c/carica l'immagine collettiva usando dropzone in asp.net –

risposta

30

Supponendo che si stiano utilizzando Web Form, è necessario implementare una pagina che legge i dati del file pubblicato e li salva su file.

Esempio 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> 

code-behind

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

Esempio Se si utilizza MVC, vedere questo https://stackoverflow.com/a/15670033/2288997

+7

so che non dovrei dire grazie qui ma dio accidenti grazie amico ti amo !!!! :) – Liran

+0

Ho provato esattamente come hai risposto ma non funziona? – fc123

+0

@ fc123: spero che questo articolo sia utile http://codepedia.info/2015/03/using-dropzone-js-file-image-upload-in-asp-net-webform-c/ –

Problemi correlati