我已经使用Filedrop.js
网络应用程序上的插件asp.net
实现了拖放文件上传。我需要在上传之前使用文件的属性。
在上传文件之前,如何在文件放入浏览器后获取文件的属性?我需要IE9
,IE8
和IE7
浏览器中的这些属性。
<body>
<div id="zone" class="upload">
<div id="dropIE9" class="drop" style="text-align: center; margin-bottom: 10px;">
Drop or Upload
CSV File
<br />
<a>Browse</a>
<br />
<input id="fileCsvUploadIE9" type="file" style="opacity: 0; display: block;" />
</div>
</div>
<script type="text/javascript">
var options = { iframe: { url: 'FileUploadHandler.ashx'} };
var zone = new FileDrop('zone', options);
zone.event('send', function (files) {
files.each(function (file) {
file.event('done', function (xhr) {
alert('Done uploading ' + this.name + ', response:\n\n' + xhr.responseText);
});
file.sendTo('FileUploadHandler.ashx');
});
});
zone.event('iframeDone', function (xhr) {
alert('Done uploading via <iframe>, response:\n\n' + xhr.responseText);
});
fd.addEvent(fd.byID('multiple'), 'change', function (e) {
zone.multiple(e.currentTarget || e.srcElement.checked);
});
</script>