在将文件大小传递到服务器端之前,在客户端处理文件大小
File size handling in client side before passing it to server side
我只想在客户端验证文件大小。下面的代码只处理成功。我还想处理文件大小。当前,如果文件大于2MB, 500(内部服务器错误)会返回后台。
是否有一种方法手动处理它并设置错误为"最大文件大小应该是2MB"?
Thanks in advance
注意:下面的代码是AngularJS的一部分file.upload(url, function(data) {
if(data.success !== true) {
$scope.$apply(function() {
$scope.design.pdf.status = '';
$scope.errors.pdf = data.data;
});
return;
}
$scope.$apply(function() {
$scope.design.pdf = {
status: 'uploaded',
file: data.data.name,
name: data.data.original,
size: data.data.size
}
});
});
我假设您使用input type='file'
按钮。你可以创建一个指令,在按钮发生变化时绑定它,并获取它的大小。
指令:
app.directive('customUpload', function(){
return {
restrict: 'A',
link: function(scope, element, attrs){
element.on('change', function(){
//size in bytes
var size = element[0].files[0].size;
console.log(size);
//do something with the file
});
}
};
});
和html:
<input type='file' custom-upload>
下面是一个plunker的所有代码:http://plnkr.co/edit/GB6MFOWMbjOA7obFBq83?p=preview
相关文章:
- 使用send时,jquery文件上传不调整图像客户端的大小
- 如何在不使用处理程序的情况下使用ajax将文件从客户端发送到服务器端
- 为什么自定义 JavaScript 文件放在客户端文件夹中时不在我的 Meteor 模板上呈现
- 是否有一种方法可以限制要上传到客户端服务器的文件大小
- MVC 文件上传文件大小客户端验证
- 如何在不使用 JavaScript 中的 activex 的情况下从客户端获取文件大小
- 将文件从客户端上传到服务器,而无需打开“文件”对话框
- 较大的HTML文件VS客户端模板
- 将文件从客户端上载到Azure Blob存储|MVC
- 如何在IE 7/8中使用javascript从客户端验证文件大小
- 在将文件大小传递到服务器端之前,在客户端处理文件大小
- Node.js -发送文件到客户端使用sendFile
- 根据客户端浏览器的大小更改.css文件
- 如何使用express从单独的文件为客户端创建api
- javascript (DOJO)文件缓存-客户端
- 客户端文件大小和格式验证.为什么JS阻止文件上传
- 如何获取上传文件的客户端路径
- 尝试将文件从 C# 客户端发送到节点.js TCP 服务器
- 如何从服务器上的文件夹发送jpeg文件到客户端并在图像元素中显示它
- 我如何有条件地发送模板和javascript文件到客户端在流星