在asp.net(Web窗体)中使用dropzone.js
Using dropzone.js in asp.net (Web Form)
我使用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)、总字节数(总字节数)和字节数的对象。
相关文章:
- 正在使用Dropzone.js删除服务器上已重命名的文件
- Laravel&Dropzone.js文件请求
- 使用Dropzone.js上传订单
- 如何在dropzone.js中获取选定的文件路径
- Dropzone.js-上传文件夹结构和单个文件
- 在使用Dropzone.js添加文件之前,是否可以有弹出选项
- Dropzone.js没有将图像上传到文件夹
- 使用Fluentlenium在dropzone.js中上传文件
- 如何使Dropzone.js看起来像网站上的主题
- 有没有一种方法可以保存单个图像,并防止用户使用dropzone.js放置多个图像
- 上传PDF's使用Dropzone.js&拉拉维尔.有些上传成功,另一些则返回一个空对象
- 使用数据库中的图像填充dropzone.js删除图像的问题
- 如何使用dropzone.js收集数据URI内容
- 正在提交带有base64编码文件的Dropzone.js
- 如何允许Dropzone.js失败后重新提交文件上传
- Dropzone.js延迟发布到服务器,但允许开始上传
- Node.js express应用程序无法从dropzone.js回调进行重定向
- AngularJs,DropZone.Js - 有没有人想出一种方法来将Dropzone传输保留在Angular根范围内
- 使dropzone.js工作的傻瓜指南
- 如何让 Dropzone.js 仅在单击提交按钮时上传文件