【问题标题】:Using dropzone.js in asp.net (Web Form)在 asp.net(Web 表单)中使用 dropzone.js
【发布时间】:2013-09-03 10:06:20
【问题描述】:

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

【问题讨论】:

  • 你有什么问题?
  • 我正在使用你的代码,你能否给我一些信息,如何触发代码隐藏的“foreach”循环?

标签: javascript jquery asp.net dropzone.js


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2013-04-09
    • 2013-12-05
    • 1970-01-01
    • 1970-01-01
    • 2023-04-11
    • 2014-05-20
    • 2013-03-14
    • 2017-08-20
    • 1970-01-01
    相关资源
    最近更新 更多