[英]Angular fileupload dropzone does not work
我有以下控制器:
app.controller('DashboardController', ['$http', '$scope','$sessionStorage','$log','Session','api','FileUploader', function ($http, $scope, $sessionStorage,$log, Session, api,FileUploader) {
$scope.post = {user_id: $sessionStorage.user.user.id};
var uploader = $scope.uploader = new FileUploader({
url: 'js/controllers/upload.php'
});
// FILTERS
uploader.filters.push({
name: 'customFilter',
fn: function(item /*{File|FileLikeObject}*/, options) {
return this.queue.length < 10;
}
});
// CALLBACKS
uploader.onWhenAddingFileFailed = function(item /*{File|FileLikeObject}*/, filter, options) {
console.info('onWhenAddingFileFailed', item, filter, options);
};
uploader.onAfterAddingFile = function(fileItem) {
console.info('onAfterAddingFile', fileItem);
};
uploader.onAfterAddingAll = function(addedFileItems) {
console.info('onAfterAddingAll', addedFileItems);
};
uploader.onBeforeUploadItem = function(item) {
item.file.test = "gg";
console.info('onBeforeUploadItem', item);
};
uploader.onProgressItem = function(fileItem, progress) {
console.info('onProgressItem', fileItem, progress);
};
uploader.onProgressAll = function(progress) {
console.info('onProgressAll', progress);
};
uploader.onSuccessItem = function(fileItem, response, status, headers) {
console.info('onSuccessItem', fileItem, response, status, headers);
};
uploader.onErrorItem = function(fileItem, response, status, headers) {
console.info('onErrorItem', fileItem, response, status, headers);
};
uploader.onCancelItem = function(fileItem, response, status, headers) {
console.info('onCancelItem', fileItem, response, status, headers);
};
uploader.onCompleteItem = function(fileItem, response, status, headers) {
console.info('onCompleteItem', fileItem, response, status, headers);
};
uploader.onCompleteAll = function() {
console.info('onCompleteAll');
};
console.info('uploader', uploader);
}]);
使用以下html:
<div class="b-a b-2x b-dashed wrapper-lg bg-white text-center m-b" nv-file-over="" over-class="b-info" uploader="uploader">
Base drop zone
我的目标是在我将物品放到“ Base drop zone
立即上传
但是,每当我尝试将某物拉入时,它都不会拿走物品。 谁能看到我做错了什么?
只需在您的div中添加nv-file-drop=""
。
<div class="ba b-2x b-dashed wrapper-lg bg-white text-center mb" nv-file-drop="" nv-file-over="" over-class="b-info" uploader="uploader">Base drop zone</div>
尝试将文件放到该文件上,然后在浏览器的控制台中检查正在调用的事件。
例如,您可以在onAfterAddingFile
事件上调用uploader.uploadAll()
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.