|
|
@@ -5,22 +5,22 @@ angular.module('app').controller('WebController', ['$scope', '$timeout', functio
|
|
|
$scope.imgView = function(event) {
|
|
|
var img = $(event.target);
|
|
|
console.log(img);
|
|
|
+ img[0].id = "onView";
|
|
|
$scope.imgUrl = img[0].src;
|
|
|
$(".image-big").remove();
|
|
|
$(".image-view").append('<img class="image-big" src="' + $scope.imgUrl + '" data-dismiss="modal">');
|
|
|
};
|
|
|
|
|
|
- $scope.delSure = function($event) {
|
|
|
+ $scope.delSure = function() {
|
|
|
$scope.sure = false;
|
|
|
- $scope.del = true;
|
|
|
- var activeClick = $($event.target);
|
|
|
- console.log(activeClick);
|
|
|
- var imgUrl = activeClick[0].parentElement.previousElementSibling.firstElementChild.src;
|
|
|
+ // var activeClick = $($event.target);
|
|
|
+ // console.log(activeClick);
|
|
|
+ // var imgUrl = activeClick[0].parentElement.previousElementSibling.firstElementChild.src;
|
|
|
var imgs = $(".images");
|
|
|
$(".image-big").remove();
|
|
|
console.log(imgs);
|
|
|
for (var i = 0, len = imgs.length; i < len; i++) {
|
|
|
- if ($(".images")[i].firstElementChild.src == imgUrl) {
|
|
|
+ if ($(".images")[i].firstElementChild.id == "onView") {
|
|
|
$(".images")[i].remove();
|
|
|
var imgNum = $("#imgpreview").find('img').length;
|
|
|
if (imgNum == 2) {
|
|
|
@@ -70,26 +70,38 @@ angular.module('app').controller('WebController', ['$scope', '$timeout', functio
|
|
|
alert("请选择图片！");
|
|
|
return;
|
|
|
};
|
|
|
+ $("#file")[0].value = "";
|
|
|
//读取完成
|
|
|
reader.onload = function(e) {
|
|
|
// //获取图片dom
|
|
|
// var img = document.getElementById("preview");
|
|
|
// //图片路径设置为读取的图片
|
|
|
// img.src = e.target.result;
|
|
|
- var imgNum = $("#imgpreview").find('img').length;
|
|
|
- console.log(imgNum);
|
|
|
- if (imgNum == 0) {
|
|
|
- $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + e.target.result + '"></a>');
|
|
|
- angular.element(".images").addClass("one");
|
|
|
- } else if (imgNum == 1) {
|
|
|
- $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + e.target.result + '"></a>');
|
|
|
- angular.element(".images").removeClass("one");
|
|
|
- angular.element(".images").addClass("two");
|
|
|
- } else if (imgNum >= 2) {
|
|
|
- $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + e.target.result + '"></a>');
|
|
|
- angular.element(".images").removeClass("two");
|
|
|
- angular.element(".images").addClass("three");
|
|
|
- }
|
|
|
+ var img = new Image,
|
|
|
+ width = 1080, //image resize
|
|
|
+ quality = 0.9, //image quality
|
|
|
+ canvas = document.createElement("canvas"),
|
|
|
+ drawer = canvas.getContext("2d");
|
|
|
+ img.src = this.result;
|
|
|
+ if (img.src) {
|
|
|
+ var imgNum = $("#imgpreview").find('img').length;
|
|
|
+ canvas.width = width;
|
|
|
+ canvas.height = width * (img.height / img.width);
|
|
|
+ drawer.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
|
+ img.src = canvas.toDataURL("image/jpeg", quality);
|
|
|
+ if (imgNum == 0) {
|
|
|
+ $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + img.src + '"></a>');
|
|
|
+ angular.element(".images").addClass("one");
|
|
|
+ } else if (imgNum == 1) {
|
|
|
+ $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + img.src + '"></a>');
|
|
|
+ angular.element(".images").removeClass("one");
|
|
|
+ angular.element(".images").addClass("two");
|
|
|
+ } else if (imgNum >= 2) {
|
|
|
+ $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + img.src + '"></a>');
|
|
|
+ angular.element(".images").removeClass("two");
|
|
|
+ angular.element(".images").addClass("three");
|
|
|
+ }
|
|
|
+ };
|
|
|
};
|
|
|
reader.readAsDataURL(file);
|
|
|
};
|
dgf
