在asp.net(Web窗体)中使用dropzone.js

Using dropzone.js in asp.net (Web Form)

本文关键字:dropzone js 窗体 asp net Web      更新时间:2023-09-26

我使用dropzone.js在.aspx应用程序中上传文件因此,我们可以在上传文件后获得图像属性(如图像高度和宽度)来进行一些客户端动画吗

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>

代码隐藏

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

Dropzone将数据添加到事件触发时可以使用的文件对象中。如果是图像,您可以访问file.width和file.height,也可以访问file.upload,后者是一个包含进度(0-100)、总字节数(总字节数)和字节数的对象。