Junio Baba Ответов: 1

Вложение файлов с помощью angular JS и ASP.NET MVC(upload and download)


Я немного запутался, как загрузить и загрузить файл с помощью Angular Js и Asp.net MVC, я много пробовал, но не достиг этой задачи.Я пробовал разные методы, и один из них
*Загрузка файла SFTP с помощью ASP.NET веб-API и AngularJS[^]*
Так помоги же мне

Что я уже пробовал:

Я пробовал, но в приведенном выше примере.когда я aplpied Js и добавить зависимость от Js.Тогда я столкнулся с такими ошибками:

*
WARNING: Tried to load angular more than once.
require.js:1895 GET http://localhost:11953/FileUploader.js 
req.load @ require.js:1895
load @ require.js:1639
load @ require.js:820
fetch @ require.js:810
check @ require.js:840
enable @ require.js:1143
enable @ require.js:1511
(anonymous) @ require.js:1128
(anonymous) @ require.js:132
each @ require.js:57
enable @ require.js:1090
init @ require.js:774
callGetModule @ require.js:1170
completeLoad @ require.js:1544
onScriptLoad @ require.js:1671
require.js:166 Uncaught Error: Script error for: FileUploader
http://requirejs.org/docs/errors.html#scripterror
    at makeError (require.js:166)
    at HTMLScriptElement.onScriptError (require.js:1681)
makeError @ require.js:166
onScriptError @ require.js:1681
appPage.html:258 Uncaught TypeError: Cannot read property 'style' of null
    at appPage.html:258
(anonymous) @ appPage.html:258

*
Но эти файлы и их ссылки уже существуют....

Спасибо

Andy Lanng

Первая строка сообщения говорит вам, что вы связывали угловые скрипты более одного раза. Это не очень здорово, но angular должен уметь справляться с этим и загружать только один раз.
Я бы посоветовал убедиться, что у вас есть только один связанный сценарий.
Следующая ошибка указывает на проблему при загрузке скрипта FileUploader. Я не могу сказать вам больше ничего, не видя кода

1 Ответов

Рейтинг:
5

Junio Baba

Энди Langg,это мои Джорданы:
"используйте строгий";

define (['application-configuration', 'FileUploader', 'accountsService', 'alertsService'], function (app) {

приложение.зарегистрироваться.контроллер('AppController', ['$охват', 'метрики', 'FileUploadController', 'accountsService', 'alertsService',
функция ($scope, $rootScope, FileUploader, accountsService, alertsService) {

alert ('загрузка файла');
ВАР пользователя = $охвата.загрузчик = новый FileUploader({
адрес: окна.расположение.окно протокола + '//' +.местоположение.хост + окно.местоположение.параметр Pathname + '/по API/загрузить/протоколу'
});

// ФИЛЬТРЫ

загрузчик.фильтры.толчок({

имя: "extensionFilter",
fn: функция (пункт, Параметры) {
отладчик;
ВАР имя = элемент.название;
расширение ВАР = именем.подстрока(именем.lastIndexOf('.') + 1).столоверчения();
если (расширение == "в формате PDF" || расширение == "док" || расширение == "с треском" || расширение == "в формате RTF")
вернуть true;
ещё {
alert ('недопустимый формат файла. Пожалуйста, выберите файл в формате pdf/doc/docs или rtf и повторите попытку.');
возвращать false;
}
}
});

загрузчик.фильтры.толчок({
название: 'sizeFilter',
fn: функция (пункт, Параметры) {
отладчик;
ВАР размер = товар.размер;
fileSize = parseInt(размер файла) / (1024 * 1024);
if (fileSize <= 20)
вернуть true;
ещё {
alert ('выбранный файл превышает предельный размер файла в 20 МБ. Пожалуйста, выберите новый файл и повторите попытку.);
возвращать false;
}
}
});

загрузчик.фильтры.толчок({
имя: 'itemResetFilter',
fn: функция (пункт, Параметры) {
отладчик;
если (это.очередь.длина < 20)
вернуть true;
ещё {
предупреждение ("Вы превысили лимит загрузки файлов".);
возвращать false;
}
}
});

// ОБРАТНЫЙ ЗВОНОК

загрузчик.onWhenAddingFileFailed = функция (элемент, фильтр, параметры) {
console.info('onWhenAddingFileFailed', элемент, фильтр, варианты);
};
uploader. onAfterAddingFile = функция (fileItem) {
отладчик;
предупреждение ("файлы готовы к загрузке".);
};

uploader. onSuccessItem = функция (fileItem, ответ, статус, заголовки) {
отладчик;
$область действия.загрузчик.очереди = [];
$область действия.загрузчик.Прогресс = 0;
предупреждение ("выбранный файл успешно загружен".);
};
uploader. onErrorItem = функция (fileItem, ответ, статус, заголовки) {
отладчик;
предупреждение ("Мы не смогли загрузить ваш файл. Пожалуйста, попробуйте еще раз.);
};
загрузчик.onCancelItem = функция (fileItem, ответ, статус, заголовки) {
отладчик;
предупреждение ("загрузка файла отменена".);
};

uploader.onAfterAddingAll = функция (addedFileItems) {
отладчик;
console.info ('onAfterAddingAll', addedFileItems);
};
загрузчик.onBeforeUploadItem = функция (пункт) {
отладчик;
console.info ('onBeforeUploadItem', item);
};
загрузчик.onProgressItem = функция (fileItem, прогресс) {
console.info ('onProgressItem', fileItem, progress);
};
загрузчик.onProgressAll = функция (прогресс) {
console.info ('onProgressAll', прогресс);
};

uploader. onCompleteItem = функция (fileItem, ответ, статус, заголовки) {
отладчик;
console.info ('onCompleteItem', fileItem, response, status, headers);
};
загрузчик.onCompleteAll = функция () {
console.info ("onCompleteAll");
};

console.info('загрузчик', загрузчик);


}]);
});



вот и все.
Теперь, пожалуйста, помоги мне.