Mikhail
Maksim
Igor
Mikhail
Денис
как считать текст из файла с инпута не загружая его?
Денис
на джаквери
🤴👷♂️🦸♂️🧚♀️
Sergey
шта?
Sergey
Короче, ЖЕКВЕРИ файлы читать не умеет как впрочем и клиентский джаваскрипт!
Sergey
остальное написанное не важно...
stay
Можно, если пользователь загрузит файл. Есть же File API. Но без загрузки конечно никак
Anton
когда ты выбрал файл в инпут, то вроде можешь уже его обрабатывать
Pavel
загрузить не весь файл а побайтово!
stay
Да какая разница
Aleksey
FileReader
Pavel
FileReader.createFileStream
Sergey
Он же просит не загружая
Aleksey
Ну не телепатически же )
Sergey
аффтарру бы уточнить куда не загружая
Sergey
@js4life каким образом можно его в ОЗУ загрузить из инпута?
Sergey
js ни памятью ни ФС не управляет самостоятельно
Pavel
ну как строку
Pavel
сохранив содержимое в виде переменной
Sergey
Так речь об инпуте
Aleksey
Так речь об инпуте
пример https://developer.mozilla.org/ru/docs/Web/API/FileReader/readAsDataURL
Pavel
файл в инпут заружен браузером но js еще не распарсил его и не сохранил в виде переменной в памяти
Dima
Всем првет кто знает как подключить папку со шрфтами в vue js через scss?
Sergey
@PsilonDeninard а что пример, там файл таки загружен в инпут
Sergey
@micromechanika scss эквивалент нативного css по синтаксису, так что @font-face должен помочь
Aleksey
а как ты собираешься читать содержимое файла, если из js в браузере нет доступа к файловой системе?
Dima
Sergey
может миксин кривой, попробуй напрямую через font-face, scss это css + фишки sass
Dima
Sergey
кагбэ семантически да
Dima
Sergey
assets/fonts и там .ttf, woff, woff2 форматы каждого семейства
Sergey
А ты его на рукких буквах тестишь?
Sergey
Он может кирилицу не поддерживать
Sergey
или не подключаться из-за того что он не в формате .woff или woff2
Sergey
Вот эта прелесть хорошо умеет конвертить с уже сгенеренными font-face в css файле https://transfonter.org/
Sergey
Я сколько в pro.js сижу, тут вопросов по шрифтам больше чем по js
Sergey
Тогда занимайся ошибкой, шрифты должно грузить
Dmytro
pro.fonts is coming
Dima
To install them, you can run: npm install --save assets/fonts/vito/extended-light-webfont.eot assets/fonts/vito/extended-light-webfont.svg assets/fonts/vito/extended-light-webfont.ttf assets/fonts/vito/extended-light-webfont.woff
Dima
может vue.config.js настроить как то нужно
const path = require('path')
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
patterns: [path.resolve(__dirname, './src/assets/styles/base.scss')]
}
}
}
Tim
Салют. Ребята есть нестандартная беда с нестандартной апишкой.
Надо заполучить у http://suggestqueries.google.com/complete/search список автокомлита кейвордов для ютуба
Примерный запрос:
http://suggestqueries.google.com/complete/search?client=firefox&hl=en&gl=uk&ds=yt&q=test
Если просто отправить через адресную строку или через curl, то проблем нет. Но при выполнении в браузере сначала он пытается отправить OPTIONS запрос(ибо CORS) а у API этот метод не разрешен. Соотвественно получаю 405 код...
Запрос делаю вот так, сервисы\контролеры убрал:
function get(params, addr){
var req = {
method: 'GET',
url: addr,
headers: {
'Content-Type': 'json'
},
params: params
};
return $http(req).then(extract, extractFail);
}
function KeywordSearch(data){
return get(data, 'http://suggestqueries.google.com/complete/search');
}
function researchKeyword(keyword) {
var requestObject = {
client: 'firefox',
hl: 'en',
gl: 'uk',
ds: 'yt',
q: keyword
};
function sucessCallback(data){
if(data.error){
}
vm.keyword.data.push(data);
}
KeywordSearch(requestObject).then(sucessCallback);
}
Tim
Использую angularJS 1.7
Tim
Предполагаемые выходы из ситуации как их вижу я:
1. Делать запрос с бека через курл
2. Какой то хак:
app.config(['$httpProvider', function ($httpProvider) {
//Reset headers to avoid OPTIONS request (aka preflight)
$httpProvider.defaults.headers.common = {};
$httpProvider.defaults.headers.post = {};
$httpProvider.defaults.headers.put = {};
$httpProvider.defaults.headers.patch = {};
}]);
Tim
Может надо как то хедеры поменять\дополнить чтобы не срабатывал CORS?
Max
кто имеет какой-то старый ненужный проект где реализована взаимодействие бэкенд и фронтенд? Хочу посмотреть как все это работает.
Serhii
Денис
как можно просто прочитать файл не загружая, получилось
var file = document.getElementById('file2').files[0]
var reader = new FileReader()
reader.onload = function() {
Bl=Black(reader.result);
Bl
}
reader.readAsText(file)
Anton
Кто-нибудь встраивал Робокассу в компонент Vue?
Dmitry
СОрри за небольшой оффтоп, макеты прислали, как SVG из Zeplin экспортировать?)
Misha
@codemecodeyou
клацаешь на то что тебя интересует — справа будут ссылки
Misha
Если дизайнер постарался, то изи
Dmitry
Dmitry
Справа Assets нет (
Misha
По-хорошему надо пингануть дизайнеров в таком случае
Misha
По-плохому — сделать скриншот
Yaroslav
Hi mans
Yaroslav
What's app?
Igor
stay
mans...
stay
Mans Naketchik
Black Coffee
Кто может подсказать, как реализовать single page application на ЧИСТОМ js? Документаций мало, а видео с фреймворками...
Славик
зафигачил один html файл, в него запихал js и всё
Славик
у тебя SPA
Славик
если нужно что-то с сервера, то дергаешь через Js и обновляешь DOM
stay
Black Coffee
Та я просто хочу понять принцип создания spa... Я так понял он работает на изменении DOM'a?
Kirill
Да.
Black Coffee
А php там как-то действует?
Black Coffee
Facebook же это spa, а написан на php...
Kirill
Php это сервер. SPA это архитектура фронта.
Black Coffee
Это понятно, спасибо. А как оно работает, постоянно обновляет страницу с помощбю AJAX?
Kirill
Нет. Страницу обновляет js. Всё рендерит браузер. AJAX нужен только для получения дополнительных данных с бэка.