0

我正在使用 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;
        }
4

1 回答 1

1

Dropzone 将数据添加到事件触发时可以使用的文件对象。如果它是图像，您可以访问 file.width 和 file.height，以及 file.upload，它是一个包含：progress (0-100)、total（总字节数）和 bytesSent 的对象。

于 2014-05-29T14:28:50.710 回答