检查文件大小在上传和停止上传超过文件大小限制与javascript
Checking file size during upload and stopping upload exceeding file size limit with javascript?
是否有方法使用javascript或jquery来检查文件上传的进度(即服务器已接收多少字节或kb),并在超过一定限制时切断上传,向用户显示警告/错误消息?谢谢你。
这个例子可能会对您有所帮助:http://js1.hotblocks.nl/tests/ajax/file-drag-drop.html
(它还包括拖放界面,但很容易被忽略)
基本上可以归结为:
<input id=files type=file>
<script>
document.getElementById('files').addEventListener('change', function(e) {
var file = this.files[0];
var xhr = new XMLHttpRequest();
xhr.file = file; // not necessary if you create scopes like this
xhr.addEventListener('progress', function(e) {
var done = e.position || e.loaded, total = e.totalSize || e.total;
console.log('xhr progress: ' + (Math.floor(done/total*1000)/10) + '%');
}, false);
if ( xhr.upload ) {
xhr.upload.onprogress = function(e) {
var done = e.position || e.loaded, total = e.totalSize || e.total;
console.log('xhr.upload progress: ' + done + ' / ' + total + ' = ' + (Math.floor(done/total*1000)/10) + '%');
};
}
xhr.onreadystatechange = function(e) {
if ( 4 == this.readyState ) {
console.log(['xhr upload complete', e]);
}
};
xhr.open('post', url, true);
xhr.send(file);
}, false);
</script>
在进度方法中,您可以获得文件大小等。我希望这能解决你的问题。问候。
相关文章:
- Javascript人类可读文件大小
- 如何在javascript上传前检查文件大小
- 在使用 JavaScript 上传之前获取文件大小
- Javascript 在使用 ASP.NET(aspx 页)进行上传时返回错误的文件大小
- 限制 JavaScript 中的文件大小上传
- 如何在不使用 JavaScript 中的 activex 的情况下从客户端获取文件大小
- JavaScript:下载的文件大小与内容长度不同
- Firefox 中 JavaScript 文件的最大文件大小
- 应用 javascript 来检查文件大小和扩展名
- 如何在javascript中获取HTML5 Canvas.todataurl文件大小
- 使用Javascript计算文件大小
- 获取多个文件的javascript文件大小
- 使用Javascript事件捕获上载的文件大小并取消
- 如何在javascript验证中检查最大上传文件大小
- 如何在IE 7/8中使用javascript从客户端验证文件大小
- 用于文件上传的javascript/flash库,带有文件大小限制和进度条
- Javascript-确定文件大小
- 如何在JavaScript中将文件大小转换为mb
- Javascript文件大小和页面加载时间
- PDF文件大小javascript或html5