作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在多张图片上传中,如果我在 angularjs 中单击该图片,如何删除特定图片。我已经上传了多张图片,并且每个上传的图片都有文本框。如果我单击图片删除图标,它会删除带有该文本框的图片。我的 View 代码如下所示
<input type="file" multiple file-upload /> {{files.length}}
<div ng-repeat="step in files">
<img ng-src="{{step.src}}" />
<input type="text" ng-model="comment[$index]"><br>
<input type="button" onclick="removeImage($index)" value="delete">
</div>
在我的 Angular Controller 中,代码如下所示
app.directive('fileUpload', function() {
return {
scope: true, //create a new scope
link: function(scope, el, attrs) {
el.bind('change', function(event) {
var files = event.target.files;
//iterate files since 'multiple' may be specified on the element
for (var i = 0; i < files.length; i++) {
//emit event upward
scope.$emit("fileSelected", {
file: files[i]
});
}
});
}
};
});
$scope.files = [];
$scope.$on("fileSelected", function(event, args) {
var item = args;
$scope.files.push(item);
var reader = new FileReader();
reader.addEventListener("load", function() {
$scope.$apply(function() {
item.src = reader.result;
});
}, false);
if (item.file) {
reader.readAsDataURL(item.file);
}
});
最佳答案
使用 ng-click
代替 onclick 并使用 javascript splice
函数从数组中删除一个项目
<input type="button" ng-click="removeImage($index)" value="delete">
$scope.removeImage = function(index){
$scope.files.splice(index,1)
}
关于javascript - 在angularjs中上传多张图片时删除所选图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46254502/
原文:https://juejin.cn/post/7023643374569816095 本文图解 Git 中的最常用命令。如果你稍微理解 Git 的工作原理,这篇文章能够让你理解的更透彻。 基本用
作者:小林coding 计算机八股文网站:https://xiaolincoding.com/ 大家好,我是小林。 从这篇「执行一条 SQL 查询语句,期间发生了什么?」中,我们知道了一条查询语句经历
我是一名优秀的程序员,十分优秀!