AK
@wiistriker подскажешь? как в контроллере ангуляра достучатся к тому что выбрали в input type=file?
достучаться в каком плане?
Size: a a a
2020 April 01
AK
прочитать содержимое?
AK
не делал так. я сразу загружал на сервер
DN
ну мне надо на сервер и грузануть
AK
ну много вот такого
DN
та оно 3 года не обновлялось
DN
хочу нативно в пару строк, но не втуплю что делать с инпутом
DN
что схватить, что бы отправить на сервер?
AK
та оно 3 года не обновлялось
подобных либ дофига
AK
LK
народ подскажите плз как вы делаете загрузку файлов в ангуляре
<input type="file" on-change-file fn="$ctrl.onFileChange(event)" accept="image/*" id="{{$ctrl.uploadImageClass}}" class="hide-input"/>const file = event.currentTarget.files[0];
const reader = new FileReader();
reader.onload = event => {
const image: HTMLImageElement = new Image();
image.src = event.target['result'];
image.onload = () => this.imageOnLoad(image);
};
reader.readAsDataURL(file);
DN
та я смотрел либы, все или с скачиваниями в пару десятков или 3 года не обновлялись
DN
<input type="file" on-change-file fn="$ctrl.onFileChange(event)" accept="image/*" id="{{$ctrl.uploadImageClass}}" class="hide-input"/>const file = event.currentTarget.files[0];
const reader = new FileReader();
reader.onload = event => {
const image: HTMLImageElement = new Image();
image.src = event.target['result'];
image.onload = () => this.imageOnLoad(image);
};
reader.readAsDataURL(file);
а подскажи за это
on-change-file fn="$ctrl.onFileChange(event)"LK
а подскажи за это
on-change-file fn="$ctrl.onFileChange(event)"ищу, не сразу заметил
AK
var fd = new FormData();
fd.append('file', file);
$http.post(uploadUrl, fd
N👩
var fd = new FormData();
fd.append('file', file);
$http.post(uploadUrl, fd
AK
а подскажи за это
on-change-file fn="$ctrl.onFileChange(event)"скорее всего там вешается change на input type=«file»
LK
а подскажи за это
on-change-file fn="$ctrl.onFileChange(event)"export default function ChangeFileDirective() {
return {
restrict: 'A',
scope: {
fn: '&'
},
link: (scope, element, attrs) => {
element.bind('change', (event) => {
scope.fn({event: event})
});
}
}
}