html 上传文件清除,上传文件成功之后清空 input file的值

_立即导入

//声明路由模块addBatch

angular.module("addBatch", [])

.component("addBatch", {

templateUrl: "stock/stock-addBatch.html",

controller: addBatchCtrl

})

.directive('customOnChange', function () {

return {

restrict: "A",

link: function (scope, element, attrs) {

var onChangeHandler = scope.$eval(attrs.customOnChange);

element.bind("change", onChangeHandler);

}

}

})

.directive('selectOnChange', function () {

return {

restrict: "A",

link: function (scope, element, attrs) {

var onChangeHandler = scope.$eval(attrs.selectOnChange);

element.bind("change", onChangeHandler);

}

}

});

//声明控制器函数

function addBatchCtrl($scope,$http,$timeout,$route,$cookies){

/********* 上传文件事件 **********/

$scope.uploadExcel = function (event) {

// $scope.change = function () {

console.info("触发这个事件");

if ($scope.goodsId == null || $scope.goodsId == ''){

swal("请选择商品","","error");

return;

}

if ($scope.goodsOperateNo == null || $scope.goodsOperateNo == ''){

swal("请填写操作数量","","error");

return;

}

event.stopImmediatePropagation();//阻止事件冒泡

console.log(event.target.files);

var file = event.target.files;

$scope.file = [];

for (var i = 0; i < file.length; i++) {

$scope.file.push(file[i]);

}

$http({

url: "/card/saveByExcel",

method: "POST",

headers: {

"Content-Type": undefined

},

data: {

'goodsId': '' + $scope.goodsId + '',

// 'goodsName':''+$scope.goodsName+'',

// 'amount':''+$scope.goodsAmount+'',

'oprateNo': '' + $scope.goodsOperateNo + '',

'file': $scope.file

},

transformRequest: function (data, headerGetter) {//进行格式转换,非常关键

var formData = new FormData();//将model转为表单格式

angular.forEach(data, function (value, key) {

if (key != 'file') {

formData.append(key, value);

} else if (key == 'file') {

angular.forEach(value, function (val) {

formData.append(key, val);

})

}

});

return formData;

}

}).success(

function (response) {

console.log("上传文件请求成功");

if (200 == response.status) {

$scope.queryStockLogPageList();

$route.reload();

$scope.queryStockLogPageList();

$route.reload();

swal("导入成功");

} else {

swal(response.statusText, "", "error");

}

}

).error(

function (response) {

swal("网络异常,请重试", "", "error");

}

);

//清空FileList file上传之后进行清空

document.getElementById('uploadFile_input').value="";

};

}