关于angularjs input上传图片前获取图片的Size 浅析

首先我们需要一个指令来追踪input的change。ngChage不适用input[file]。

app.directive("fileread", [function () {
return {
scope: {
selectedFile: "=",
changed: '&'
},
link: function(scope, element, attributes) {
element.bind("change", function(changeEvent) {
scope.$apply(function() {
scope.selectedFile = changeEvent.target.files[0];
// or all selected files:
// scope.fileread = changeEvent.target.files;
console.log('file selected.');
if (scope.changed()) {
scope.changed()(scope.selectedFile);
}
});
});
}
};
}]);

然后在controller里定义file的变量跟change绑定的function。

$scope.showFileSelectBox = function () {
$("#imgSelectInput").click();
};

$scope.imageSelected = function(file) {
var image;

if (file) {

image = new Image();

image.onload = function () {

$scope.editObj.Width = this.width;
$scope.editObj.Height = this.height;
};

image.src = $window.URL.createObjectURL(file);

}
};

然后是html

转载于:https://www.cnblogs.com/wangjie-01/p/4862620.html

关于angularjs input上传图片前获取图片的Size 浅析相关推荐

input上传图片之获取图片名字
1.: <input id="img_file" type="file" οnchange="preview(this)" place ...
JS上传图片时获取图片的尺寸
JS上传图片时获取图片的尺寸图片上传目前主流的第三方插件都会提供Upload组件,也就是我们常说的文件上传插件,例如Element antd 等,他们都提供了beforeUpload ,用于做文件 ...
input框前追加图片
html实现input框前追加图片 html页面代码为: <div id="inputname"><i class="icon-user"&g ...
上传图片前限制图片比例大小格式
上传图片前限制图片比例&大小&格式一下代码适用于element-ui的upload: 使用上传图片之前的before-upload钩子函数,举个例子:限制图片尺寸大小为200px*2 ...
上传图片后获取图片的宽高
直接上代码 const checkimgsize = (file) => {var reader = new FileReader();reader.readAsDataURL(new Blob ...
element 上传图片前获取本地图片地址
:on-change事件 handleChange(file, fileList) { console.log("file", URL.createObjectURL(file.r ...
android xml文件中进行上传图片以及获取图片
在某些时候项目需求中需要实现图片上传和图片获取功能我需要把图片转换成byte[]封装在xml中将xml文件加压后上传到.NET WCF服务中上传之前的步骤: 一.将图片转换为byte[] 1 ...
上传图片时获取图片的宽高度
此方法不适用IE8 <input type="file" name="上传照片" id="file"> document.get ...
input file详细介绍、更改css样式、获取图片地址、彻底清空上传文件（建议收藏）
文章目录博客内容介绍 input 全部类型 file 类型属性 accept属性 multiple属性事件监听 css样式更改上传图片文件,获取图片地址 input type file上传文 ...

关于angularjs input上传图片前获取图片的Size 浅析

关于angularjs input上传图片前获取图片的Size 浅析相关推荐

最新文章

热门文章