En utilisant dropzone.js dans asp.net (Web Form)

Question

J'utilise dropzone.js pour télécharger le fichier dans l'application .aspx Donc, pouvons-nous obtenir la propriété Image (comme la hauteur et la largeur de l'image) après le téléchargement du fichier pour faire du client côté animation

Javascript

$(document).ready(function() { 
    $(".dropzone").dropzone({ 
     url: 'BatchUpload_New.aspx', 
    paramName: "files", // The name that will be used to transfer the file 
    maxFilesize: 102, // MB 
    enqueueForUpload: false, 
    accept: function (file, done) { 

     return done(); 
    } 
    }); 
}); 

.aspx

<div id="frmMain" runat="server" class="dropzone"> 
       <div> 
        <div class="fallback"> 
         <input name="file" type="file" multiple /> 
        </div> 

code Derrière

foreach (string s in Request.Files) 
    { 
     HttpPostedFile file = Request.Files[s]; 

     if (file != null) 
     { 
      string fileExtension = ""; 

      if (!string.IsNullOrEmpty(file.FileName)) 
      { 
       fileExtension = Path.GetExtension(file.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()+ fileExtension); 
      file.SaveAs(savedFileName); 

      lbTtest.Text += " " + file.FileName; 
     } 

Answer 1

Dropzone ajoute des données à l'objet de fichier que vous pouvez utiliser lorsque le feu des événements. Vous pouvez accéder à file.width et file.height si c'est une image, ainsi que file.upload qui est un objet contenant: progress (0-100), total (le total des octets) et bytesSent.