Ранобэ how to make a cumdumpster как сделать спермосборник
Добавил пользователь Алексей Ф. Обновлено: 05.10.2024
Часть 1. Лучшее лечение Covid 19 за 2 дня в практике врача терапевта
Здравствуйте. Статья, которую вы сейчас увидите, о глобальном масштабе ошибок в лечении Covid 19 будет шоком для всех.
Работая с больными коронавирусной инфекцией, я очень внимательно анализировал каждый случай, каждый факт и собрал воедино все свои наблюдения за ними.
Передо мной возникли 11 вопросов, на которые, по моему мнению, должен быть один ответ.
1). Почему вирус Covid 19 избирательно поражает именно легкие? Почему бы ему не найти точку приложения, допустим, в почках или в сердце и т.д.
2). Почему пациенты с ожирением тяжелее переносят заболевание, чем астеники?
3). Почему люди с длительным стажем курения болеют редко, тогда как они потенциально должны быть в группе риска?
4). Почему пациенты с ревматоидными заболеваниями, получающие метотрексат, практически не имеют осложнений Ковид?
5). Почему пациенты с онкологическими заболеваниями, принимающие цитостатики, также не имеют осложнений Ковид?
6). Почему в некоторых странах, а также у нас в России, у больных, принимающих тяжелый противомалярийный препарат гидроксихлорохин (плаквенил), отмечается эффективность лечения Ковид? Тогда как назначение данного препарата является экспериментальным и ничем не доказанным.
7). Почему дексаметазон является единственным препаратом, доказавшим свою эффективность в борьбе с COVID-19 ? Чем же он эффективен?
8). Врачи в Тайланде используют успешно комбинированный препарат от ВИЧ Лопинавир + Ритонавир (Калетра), который также лицензирован для лечения Covid19 в Израиле и использовался до последнего времени в России. И тут возникает вопрос, а как же препарат от ВИЧ воздействует на Covid 19?
9). Ученые из Италии и Австралии обнаружили, что лекарство от давления из группы b-блокаторов – анаприлин лечит Коронавирус. Тут у меня, как у любого, возник вопрос, а как гипотензивный препарат помогает в борьбе с Ковид.
10). Ко мне часто обращаются медицинские работники и жалуются на то, как тяжело у них у самих протекает заболевание. В то время как они получают по схеме и противовирусные препараты, и антибиотики, которые они не то что принимают в таблетках и уколах, а вводят внутривенно в капельницу. Ну почему же они так тяжело и так затяжно болеют, ведь лечатся по полной программе?
Будучи убежденным, что антибиотик не работает на Covid 19, списывал это явление на совпадение и случайность. Но каждый раз возникал вопрос: ну почему их так часто и много, этих случайностей?
Так что же объединяет все эти 11 вопросов, которые у меня возникли при наблюдении за Ковид больными, какая же взаимосвязь между ними?
И я нашел эту взаимосвязь. Объединяет все эти наблюдения сурфактант альвеол легких, а точнее, фосфолипиды, из которых они состоят.
Сурфактант это поверхностно-активное вещество, выстилающее лёгочные альвеолы и препятствующее слипанию стенок альвеол при дыхании.
Вот он, один ответ на вышепоставленные вопросы.
1). Почему поражаются именно легкие? Альвеолы легких состоят из сурфактанта, которые на 85% состоят из фосфолипидов.
2). Почему пациенты с ожирением тяжелее переносят заболевание? Сурфактант легких на 99% состоит из жиров, и у пациентов с ожирением выше активность сурфактанта.
3). Почему люди с длительным стажем курения болеют редко? Табачный дым угнетает сурфактантлегких и разрушает его.
4) 5) 6) 7) 8) 9). Вопросы объединим. Почему же все эти препараты, совершенно из разных фармакологических групп, с разными точками приложения, обладают положительным эффектом в лечении Ковид, что же их объединяет?
Вы будете сейчас шокированы. Все эти препараты объединяет одно и тоже свойство. Все они: (метотрексат, дексаметазон, противомалярийный препарат - гидроксихлорохин, препарат от давления - анаприлин, комбинированный препарат от ВИЧ - Калетра и, забегая вперед, скажу -ЛИДОКАИН ) обладают способностью ингибировать фермент фосфолипазу А2 - который гидролизирует фосфолипиды.
10) 11). Вопросы. Теперь вы поняли, почему одни и те же антибиотики при внутривенном введении (в частности у медицинских работников, которые ко мне обращались ) при лечении Ковид не работают, тогда как у других пациентов, которые вводили препарат внутримышечно, наблюдалась положительная динамика .
Да, вы правильно подумали, потому что лечил Ковид не антибиотик который и те и те использовали, а раствор ЛИДОКАИНА, в котором просто разводили антибиотик для внутримышечной инъекции. А медицинские работники вводили антибиотики в капельницу, естественно без разведения на лидокаине. Вы можете себе просто представить тонны антибиотиков, которые вводили пациенты для лечения ковид, а на самом деле помогал им не сам антибиотик, а раствор в котором его просто разводили!
Лидокаин обладает наиболее выраженными свойствами ингибитора фосфолипазы А2.
Выявив эту особенность сходства, я назначил группе из 17 Ковид больным с имеющимися на момен осмотра жалобами на температура до 38°C, кашель, головную боль, потерю вкуса и обоняния, ингаляции с лидокаином, чтобы воздействовать непосредственно на органы дыхательной системы.
А второй группе пациентов из 5 человек стандартное лечение согласно клиническим рекомендациям.
Взял у всех пациентов номера телефонов и оставил свой, чтобы контролировать динамику через 2-3 дня.
Но в ожидании чуда подтверждения своего наблюдения, не дождавшись этих 3 дней, обзвонил первую группу на следующий день вечером,
буквально после одного дня лечения. Уже на вторые сутки у 12 пациентов отмечалось полное выздоровление.
А что касается второй группы пациентов на стандартном лечении - они сами мне позвонили через 3 дня без положительной динамики для решения вопроса о проведении КТ.
Этиопатогенез Covid 19 нужно еще изучать, на это потребуется время, которого к сожалению, у нас очень мало.
Теперь описываю самый эффективный метод лечения Covid 19 в моей практике, к которому я пришел.
Лидокаина раствор 2% 2 мл разбавить с 2 мл 0,9 % раствор Nacl (физиологический раствор) и проводить ингаляции с помощью небулайзера - 3 раза в день. Данное лечение подходит также детям от 2-х лет.
Только помните всегда, что у любого лекарства есть свои противопоказания. Ввиду аллергичности лидокаина, если вы раньше его не использовали, то первую ингаляцию проводить с осторожностью и в меньшей концентрации.
Я назначал данное лечение разным пациентам и в начале заболевания, и в легкой форме и при пневмонии КТ 1 и при КТ 2, а также в стадии консолидации пневмонии тем, у кого сохранялась температура.
Везде отмечается быстрый положительный эффект, особенно, если данное лечение начать с первых дней болезни. Единственно, я не апробировал свой метод только у пациентов с пневмониями КТ 3 и КТ 4, т.к. эти категории больных получают стационарное лечение в госпиталях.
Нежелательное действие препарата в виде онемения языка или губ встречалось у 1% больных, тогда я уменьшал дозу 1 мл лидокаина +3 мл 0,9 % раствор Nacl
Помните, чем раньше начать лечение тем меньше осложнений любого заболевания. Здоровья вам.
Часть 2. Лидокаин для лечения Covid 19. Научные доказательства
Научные доказательства эффективности Лидокаина для лечения Covid 19
Наблюдая за больными коронавирусной инфекцией я заметил, что у пациентов , которые получали антибиотики в капельницу на разведении с физ раствором болезнь протекала тяжелее, чем у тех, кто получал те же самые антибиотики внутримышечно на разведении с лидокаином.
Зная, что и в первом и во втором случае антибиотики на вирус не работали, я подумал, а может относительно положительная динамика во втором случае связано именно с лидокаином, на котором просто разводили антибиотик. Начал изучать свойства лидокаина и свойства всех известных веществ, которые в той или иной степени обладают положительным действием при лечении ковид.
И оказалость что глюкокортикостероид - дексаметазон, противомалярийный препарат - гидроксихлорохин , препарат от давления - пропранолол, комбинированный препарат от ВИЧ - Калетра , антикоагулянт прямого действия – гепарин и анестетик - лидокаин обладают одним и тем же свойством – ингибирование фермента фосфолипазы А2. А сама эта фосфолипаза А2 в свою очередь играет большую роль в патологии легких.
Этиопатогенез ковид 19, конечно, до конца не изучен, но на основании тех теорий, которые сейчас имеются про вирус, могу привести научное доказательство .
Легкие человека состоят из альвеол. Альвеолы это структуры в форме пузырька, участвующие в акте дыхания, осуществляя газообмен с лёгочными капиллярами.
А выстилает изнутри эти легочные альвеолы поверхностно активное вещество сурфактант.
Сурфактант нужен нам, чтобы не слипались стенки альвеол при дыхании, и состоит он примерно на 90 % из фосфолипидов.
Фосфолипиды это сложные липиды, в которых содержатся глицерин, жирные кислоты, остаток фосфорной кислоты и дополнительная группа атомов, во многих случаях содержащая азот.
Теперь про сам механизм.
Итак допустим, вирус ковид-19 попадает в организм. У некоторых он как попал, так и пропал, буквально день-два температуры и все: пациент здоров. А у других ковид-19 запускает процесс так называемого цитокинового шторма.
Цитокиновый шторм - это неблагоприятное состояние, когда иммунная система показывает весь свой потенциал и выбрасывает в кровь все воспалительные молекулы - цитокины. Избыток цитокинов запускает каскад иммунных реакций, и вместо адекватного ответа иммунитета на инфекцию формируется избыточный. В итоге организм может уничтожить себя быстрее инфекции.
Эти цитокины, в свою очередь, активируют фермент фосфолипазу А2, который усиливает реакции гидролиза фосфолипидов . Продуктом расщепления последнего является арахидоновая кислота.
Дальше продуктами метаболизма арахидоновой кислоты являются так называемые эйкозаноиды ( простациклин, тромбоксан А2, простогландины, лейкотриены). Где простациклин и тромбоксан А2 участвуют в процессах свертывания крови, тромбообразования, а простогландины и лейкотриены являются медиаторами воспаления.
И тут мы имеем два основных осложнения ковид-19 : тромбообразование и всопалительные реакции в легких. Ингибиторы фосфолипазы А2 подрывают этот механизм и снижают образование арахидоновой кислоты из фосфолипидов клеточных мембран, что в конченом итоге приводит к снижению синтеза всех классов эйкозаноидов (т.е. простоциклинов, тромбоксана А2, лейкотриенов, простогландинов. )
И я, заметив эту особенность, и учитывая, что лидокаин можно использовать для ингаляционного введения, начал назначать пациентам с Ковид-19 ингаляции с лидокаином, чтобы воздействовать на сами очаги воспаления - альвеолы легких.
Как и ожидал, эффективность данной методики оказалось поразительной: пациенты, применявшие данную методику с первых дней болезни, имели успешный исход заболевания буквально за 2-3 дня.
Я назначал данное лечение разным пациентам и в начале заболевания, и в легкой форме и при пневмонии КТ 1 и при КТ 2, а также в стадии консолидации пневмонии тем, у кого сохранялась температура. Везде отмечался быстрый положительный эффект.
Единственное, препарат не ко всем применим. Сам по себе лидокаин - аллергичный препарат, хотя у меня не встречалось в практике аллергических реакций на данную методику, но такой вариант возможен, и потому нужно быть осторожным.
Бывают случаи, что пациенты, у которых не было аллергии на лидокаин, при ингаляционном введении отмечают дискомфорт в горле, онемение губ языка и считают это как проявление аллергической реакции, хотя это не так - это просто действие препарата как анестетика (по-простому сказать - заморозка)
Часть 3. Лидокаин против Ковид 19. Научные подходы
Здравствуйте. Приняв во внимание комментарии и некоторую критику коллег на мой подход в лечении Ковид а именно ингаляционный способ введения лидокаина с помощью небулайзера, решил привести научные доказательства эффективности данного метода лечения.
И так я могу привести не одну, а целых 3 научных подхода.
Первый научный подход. Это то что я нашел взаимосвязь между всеми препаратами, которые в той или иной степени обладают положительным действием в лечении ковид. (То есть метотрексат, дексаметазон, анаприлин, гидроксихлорохин, калетра, лидокаин и, как оказалось, еще и гепарин обладают одними и теми же свойствами – ингибирование фосфолипазы А2). Одна особенность всех этих препаратов то, что они ингибируют один и тот же фермент-фермент фосфолипазу А2.
Буду представлять вам статьи
Статья, где написано, что гидроксихлорохин и дексаметазон ингибиторы фосфолипазы А2.
Статья, где указано, что гидроксихлорохин снижает активность фосфолипазы А2.
Статья, где указано, что дексаметазон подавляет активность фосфолипазы А2.
Представляю статью ученых об эффективности пропранолола, он же анаприлин, при лечении ковид. Ученые из Италии и Австралии провели международное исследование, в ходе которого нашли новое лекарство для лечения коронавируса пропранолол.
Теперь сами логически подумайте: как может препарат, который не относится ни к противовирусным, ни к иммуномодуляторам, ни к антибиотикам и не к антикоагулянам, может лечить коронавирус? Препарат, который совершенно не имеет отношение к вирусу Ковид, значит понятно что у него должно быть какое-то свойство, и это свойство нужно брать за основу.
Итак представляю вам презентацию лекции, где на 18 слайде указывается на то, что пропарнолол - анаприлин ингибитор фосфолипазы наряду с глюкокртикостероидами.
Также представляю всем известную инструкцию к анаприлину, где в фарамкодинамике указывается, что препарат снижает внутриклеточное поступление кальция.
А вот следующая статья, где отмечается, что для активности фосфолипазы А2 требуется Ca 2+, значит, опосредовнно, анаприлин, снижая внтуриклеточное поступление Ca 2+, ингибирует фосфолипазу А2). Теперь понятно, почему анаприлин при международном исследовании показал свою эффективность, а именно за счет того, что он блокирует кальциевые каналы и этим подавляет фермент фосфолипазу А2.
Теперь представляю следующую статью, где написано: Фосфолипаза А-2 участвует в синдроме острых респираторных нарушений у морских свинок и кроликов. После инъекций Фосфолипазы А-2 в ткани легких выявлено достоверное увеличение неэтерифицированных жирных кислот и лизофосфати-дилхолина. Содержание их уменьшается при применении ингибиторов сериновых протеаз параллельно уменьшению секреции Фосфолипазы А-2 в астроцитах и нейтрофилах.
А вот инструкция к препарату калетра где указывается , что он явялется ингибитором протеаз.
А вот статья микробиологов, где говорится следующее: (SARS-CoV-2 имеет сериновую протеазу, в то время как калетра – ингибитор аспартатной протеазы ВИЧ-1, нацеленный на ядро протеазы – аминокислотную последовательность Asp25 Thr26 Gly27. Возможно, что за счёт неспецифического ингибирования протеолиза „Калетра“ (а также некоторые другие заявленные ингибиторы протеаз, например, индинавир) угнетают и ферменты коронавируса. Получается, калетра также опосредованно ингибируют фосфолипазу А2.
Следующая статья про гепарин, где указывается, что гепарин ингибирует связывание ФЛА2 с межфазной поверхностью путем блокирования анионного участка связывания фермента. Думаю, в этом его действии и наблюдается положительный эффект у стационарных больных с Ковид, которые его получают.
Вот ссылка на исследование про лидокаин, где говорится что лидокаин является эффективным ингибитором фосфолипазы А2.
Я представил вам доказательства того, что все препараты, которые обладают тем или иным положительным действием при лечении ковид, их всех объединяет одно: все они ингибируют фермент фосфолипазы А2, который участвует в синдроме острых респираторных нарушений. Это был первый научный подход-одно общее свойство.
Второй научный подход. Объясняю действие ингаляционного метода лечения лидокаином: Фосфолипиды сурфактанта альвеол легкого – являются субстратом (то есть специфическим веществом) для фосфолипазы А2,. Поэтому, чем больше фосфолипидов в альвеолах легких, тем больше под действием фосфолипазы А2 из него вырабатывается токсичных провоспалительных веществ (лейкотриены, простагландины, тромбоксаны и др.), и тем более выражены воспалительные и деструктивные процессы в лёгких. Лидокаин ингибируя Фосфолипазу А 2 уменьшает его взаимодействие с фосфолипидами сурфактанта, поэтому уменьшает воспалительный процесс.
«ФЛА2 рассматривают как один из патогенетических факторов формирования ряда заболеваний: ревматоидного артрита, атеросклероза. В последние годы появились сведения о причастности этого фермента к патологии легких.
Особый интерес представляет патогенетическая цепь "сФЛА2 –острый респираторный дистресс синдром (ОРДС) – сурфактант легких"
Как известно Острый респираторный дистресс синдром и является основной причиной смертей при Ковид.
И еще заметьте: там говорится, что фосфолипаза а2 играет роль в ревматолидном артрите, как известно гидроксихлорохин, метотрексат, дексаметазон используются для лечения этого заболевания.
Следующее исследование под названием „Антифосфолипазные свойства лидокаина”.
«Исследования последних лет показали, что лидокаин является эффективным ингибитором фосфолипазы А2. Подобные свойства представляют определенный интерес при лечении заболеваний с выраженным воспалительным синдромом.
Теперь обращусь к врачам, которые писали критику, требуя научное доказательство: до сегодняшнего дня для лечения ковид использовали –ингавирин, амиксин, нобазит, арбидол,арпефлю, грипферон, гринферон, осельтамивир, триазавирин, трекрезан, цефтриаксон, цефотаксим,цефепим, азитромицин, амоксициллин, кларитромицин, левофлоксацин, ципрофлоксацин, меропенем, витамины и многое другое, и что интересно, большинство из этих препаратов почти одновременно во время болезни.
Если все это одномоментно использовать, никакой коронавирус и не нужен от них только можно ухудшить здоровье.
Скажите на какой из этих препаратов есть научное доказательство эффективности, и прочтите противопоказания всех этих препаратов и противопоказание моего метода - вы увидите, что в первом случае их будет в сотни раз больше.
И если вам в качестве доказательств недостаточны мои наблюдения на данном методе лечения за более уже чем 60-ю больными, положительные отзывы тех, кто применял данную методику, приведенные мои научные доказательства, то назначьте сами определенной группе больных этот метод лечения и вы сами почувствуете разницу.
Тем более данные ингаляции с лидокаином в терапии всегда проводили и проводят при лечении сухого кашля, трахеобронхитов и ларингитов, точно в такой же дозе который я описываю.
Я, конечно, не предлагаю отказаться от стандартного лечения. Вы же назначаете вдобавок к основному лечению противокашлевые препараты –АЦЦ, Лазолван и другие. Если доводы вам недостаточны считайте это тоже лечением кашля и только с этой целью назначьте, и вы займете мою позицию буквально через 3 дня.
Песни в альбоме
The Cramps - How To Make A Monster (CD1) (2004)
Всего голосов: 2
Похожие сборники
The Cramps
How To Make A Monster (CD2)
The Cramps
. Off The Bone
The Cramps
Bad Music For Bad People
Популярные исполнители
Популярные жанры
Update Required To play the media you will need to either update your browser to a recent version or update your Flash plugin.
You are using an outdated version of Internet Explorer, please upgrade to any of the following web browsers to access this website.
Известный факт, что поле для загрузки файлов трудно стилизовать так, как хочется разработчику. Многие просто скрывают его и добавляют кнопку, которая открывает диалог выбора файлов. Однако, теперь у нас появился даже ещё более модный способ обработки выбора файлов: drag and drop.
Технически это уже было возможно сделать, потому что большинство (если не все) реализации поля выбора файлов позволяли перетаскивать файлы для их выбора, но это требовало от вас показывать элемент с типом file . Итак, давайте по-настоящему использовать API, которое даёт нам браузер, для реализации выбора файлов через drag-and-drop и их загрузки на сервер.
В этой статье мы будем использовать чистый ES2015+ JavaScript (без фреймворков или библиотек) для выполнения этого проекта, и это предполагает, что у вас есть опыт работы с JavaScript в браузере. Этот пример — помимо ES2015+ синтаксиса, который можно легко изменить на синтаксис ES5 или транспилировать с помощью Babel — должен быть совместим со всеми вечнозелёными браузерами + IE 10 и 11.
Ниже можете видеть пример того, что должно получиться:
Демонстрационная страница, на которой можно загрузить файлы с помощью drag and drop с немедленным предварительным просмотром изображений и демонстрацией индикатора прогресса загрузки.
Первое, что мы должны обсудить, это события связанные с перетаскиванием, потому что они движущая сила этого функционала. В общем, есть восемь событий, срабатывающих в браузере и связанных с перетаскиванием: drag , dragend , dragenter , dragexit , dragleave , dragover , dragstart и drop . Мы не будем проходиться по ним всем, потому что события drag , dragend , dragexit и dragstart срабатывают на элементе, который перетаскивают, а это не наш случай, мы будем перетаскивать файлы из нашей файловой системы вместо DOM-элементов, так что эти события никогда не сработают.
Если вам стало интересно почитать об этих событиях, то вы можете изучить документацию связанную с ними на MDN.
Как и следовало ожидать, вы можете навесить обработчики для нужных событий таким же образом, каким происходит регистрация обработчиков большинства браузерных событий: с помощью addEventListener .
Ниже приведено небольшое описание того, что эти события делают. Используем dropArea из примера кода выше для того, чтобы сделать описание понятнее:
Событие dragenter — перетаскиваемый объект перетаскивается над dropArea , делая dropArea целью события drop , если пользователь перетащит его туда. Событие dragleave — перетаскиваемый объект перетащили за пределы dropArea на другой элемент, делая его целью события drop вместо dropArea . Событие dragover срабатывает каждые несколько сотен миллисекунд, пока объект перетаскивают над dropArea . Событие drop — пользователь отпустил кнопку мыши, перетаскиваемый объект перетащили на dropArea .
Стоит отметить, что при перетаскивании объекта над элементом, являющимся дочерним для dropArea , событие dragleave сработает над dropArea , а событие dragenter на дочернем элементе, потому что он становится target . Событие drop всплывёт до элемента dropArea (конечно, если до этого всплытие не остановит другой обработчик событий), таким образом событие сработает на dropArea , несмотря на то, что target у него будет другим.
До того как мы начнём добавлять функциональность drag-and-drop, нам надо добавить базовую форму со стандартным полем типа file . Технически это не обязательно, но рекомендуется предоставить такую альтернативу пользователям, чей браузер не поддерживает drag-and-drop API.
Довольно простая структура. Вы можете заметить обработчик события onchange на input . Посмотрим на него позже. Было бы также хорошей идеей добавить action к тегу form и кнопку submit , чтобы помочь людям, у которых выключен JavaScript. Затем можно использовать JavaScript для того, чтобы избавиться от них, почистить форму. В любом случае, вам понадобится серверный скрипт для загрузки файлов, неважно написан ли он собственными силами или вы используете сервис, такой как Cloudinary. Кроме этого, здесь нет ничего особенного, так что давайте набросаем стили:
Многие из этих стилей пока не используются, но это нормально. Основным моментом является то, что поле file скрыто, а его подпись label стилизована так, чтобы выглядеть как кнопка, таким образом люди поймут, что кликнув по нему вызовется диалог выбора файлов. Кроме того, мы следуем соглашению, согласно которому область, куда следует перетащить файл, обозначается пунктирной линией.
Теперь можем перейти к сладкому: drag and drop. Давайте напишем скрипт внизу страницы или в отдельном файле, смотря как вам больше нравится. Первое, что нам понадобится — это ссылка на область, куда предстоит тащить файл. Так мы сможем обрабатывать нужные нам события на ней:
Теперь давайте добавим сами события. Начнём с добавления обработчиков для всех событий, чтобы предотвратить поведение по умолчанию и остановить всплытие выше необходимого:
Мы использовали оба события dragenter и dragover для подсвечивания области для перетаскивания по причинам, о которых я говорил ранее. Если вы начинаете перетаскивать непосредственно над dropArea и затем перешли на дочерний элемент, то сработает событие dragleave и подсвечивание области пропадёт. Событие dragover сработает после событий dragenter и dragleave , так что подсветка вернётся обратно на dropArea до того, как мы увидим, что она пропала.
Мы также убираем подсветку, когда перетаскиваемый элемент покидает обозначенную область и когда его перетаскивают в неё.
Теперь всё что нам нужно, это выяснить что делать, когда файлы будут перетащены:
Код выше не приближает нас к цели, но делает две важные вещи:
- Демонстрирует, как получить данные о файлах, которые перетащили.
- Приводит нас в то же место, что и поле input с типом file и обработчиком на событие onchange : handleFiles .
Помните о том, что files это не массив, а FileList . Таким образом, при реализации handleFiles , нам нужно преобразовать FileList в массив, чтобы более легко было его итерировать:
Это было скучно (That was aniticlimactic). Перейдём к uploadFile , где будут действительно крутые штуки (real meaty stuff).
В зависимости от настроек вашего сервера, вы можете проверять различные значения status , отличные от 200 , но для наших нужд это сработает.
Это вся базовая функциональность, но часто требуется её расширить. Конкретно в этом руководстве, мы добавим панель предпросмотра, где будут показаны выбранные изображения, также добавим индикатор прогресса, который будет показывать пользователю статус загрузки. Итак, давайте начнём с предпросмотра изображений.
Есть несколько способов сделать это: вы можете ждать пока изображения загрузятся и запросить у сервера URL для картинок, но это означает что вам придётся ждать пока выполняется загрузка, а временами изображения могут быть довольно большими. Альтернатива, которую мы будет исследовать сегодня — это использовать FileReader API с данными файлов, которые мы получили из события drop . Это работает асинхронно, но вы можете использовать синхронную альтернативу FileReaderSync, но пользователи могут попробовать прочитать несколько больших файлов подряд, таким образом, это может заблокировать поток выполнения на длительное время и по-настоящему испортить впечатления пользователя от сервиса. Что же, давайте создадим функцию previewFile и посмотрим как это работает:
Здесь мы создали new FileReader и вызвали метод readAsDataURL для объекта File . Как уже упоминалось, это работает асинхронно, поэтому нужно добавить обработчик события onloadend для обработки результата чтения файла. После этого используем base64 URL для атрибута src нового элемента и добавляем его в элемент gallery . Есть только две вещи, которые надо сделать, чтобы всё было готово и работало: добавить элемент gallery и вызов функции previewFile .
Во-первых, добавим HTML, который приведен ниже, сразу после закрывающего тега form :
Ничего особенного, это просто div . Стили уже заданы для него и изображений в нём, так что больше здесь ничего делать не надо. Теперь изменим функцию handleFiles на следующую:
Есть несколько способов сделать это, например композиция или простой колбэк forEach , в котором запускается uploadFile и previewFile , и это тоже сработает. Таким образом, когда вы перетащите или выбираете несколько изображений, они будут показаны почти мгновенно ниже формы. Интересная мысль по этому поводу: в некоторых приложениях вы можете не захотеть действительно загружать изображения на сервер, а вместо этого хранить ссылки на них в localStorage или в каком-нибудь другом кеше на стороне пользователя, чтобы приложение имело к ним доступ позже. Я лично не могу придумать хорошие сценарии использования этого, но я готов поспорить, что такие есть.
Примечание переводчика: от себя добавлю, что для реализации предпросмотра неграфических файлов, было бы неплохо подготовить изображения-заглушки, которые будут показаны при добавлении таких файлов. Такая картинка в дальнейшем может быть заменена другой, которую подготовит сервер уже после загрузки файла.
Если что-нибудь занимает некоторое время, индикатор прогресса помогает пользователю понять, что процесс идёт, и показывает, как долго это что-нибудь будет выполняться. Добавить индикатора прогресса довольно легко благодаря HTML5 тегу progress . Давайте начнём с добавления его в HTML-код.
Когда мы только начинаем загрузку, вызовем функцию initializeProgress для сброса состояния индикатора. Затем, с каждой выполненой загрузкой, мы вызываем функцию progressDone для увеличения числа загруженых файлов на единицу и обновления индикатора для демонстрации прогресса. Итак, добавим вызовы этих функций, обновив пару старых:
Тогда нам нужно обновить и наши функции. Переименуем progressDone в updateProgress и изменим её код как показано ниже:
Теперь initializeProgress инициализирует массив с длиной, равной numFiles , который заполнен нулями, означающими, что каждый файл загружен на 0%. В updateProgress мы видим какое из изображений обновляет свой прогресс и изменяем значение элемента с нужным индексом на предоставленный percent . Затем мы вычисляем общий процент выполнения как среднее среди всех процентов и обновляем индикатор прогресса, чтобы отобразить вычисленное значение. Мы по-прежнему вызываем initializeProgress в handleFiles также, как делали это в примере с fetch . Таким образом, всё что нам нужно, это обновить uploadFile , добавив вызов updateProgress .
Первое, что нужно отметить, это то, что мы добавили параметр i . Это индекс файла в списке файлов. Нам не нужно обновлять handleFiles для передачи этого параметра, потому что он использует forEach , который уже передаёт индекс элемента вторым параметром в колбэк. Также мы добавили слушатель события progress в xhr.upload , чтобы можно было вызвать updateProgress со значением прогресса. Объект события ( e в нашем коде) имеет два информативных поля: loaded — количество уже загруженных байтов, и total — общее количество байтов.
Выражение || 100 нужно потому, что иногда, при возникновении ошибки, e.loaded и e.total будут равны нулю, что значит, что вычисления с ними дадут NaN , таким образом 100 используется вместо отчёта о выполнении загрузки. Вы можете также использовать 0 . В любом случае ошибки будут отображаться в обработчике события readystatechange , и вы можете сообщить о них пользователю. Это сделано просто для предотвращения исключений, связанных с попытками вычислений с NaN .
Примечание редактора: Такой подход к подавлению ошибок не очень правильный, и, к тому же, приводит к скачкам индикатора загрузки. Гораздо надёжнее заранее проверить значения на корректность и в случае ошибки не менять значение индикатора загрузки.
Если у вас OS X, поставьте iTerm2, он лучше стандартного Terminal.app. Если у вас Linux, то у вас наверняка уже есть неплохой терминал, или вы можете самостоятельно поставить любой, который вам нравится. Я вот люблю Sakura. Ещё я обычно меняю цветовую схему. Стандартные чёрные мне не очень нравятся, есть крутая схема Solarized. Как её устанавливать тоже зависит от вашего терминала.
Теперь настроим непосредственно шелл. Шелл — это оболочка, в которой выполняются команды. Он показывает вам так называемое приглашение, оно обычно состоит из имени пользователя, имени компьютера и пути к тому месту, где вы сейчас находитесь. И выполняет команды, которые вы в него вводите. Стандартный шелл выглядит так:
Стандартное приглашение в шелле
Скучновато, правда? Первое, что мы сделаем — сменим оболочку с bash на zsh. Bash — это стандартная оболочка, которая поставляется в комплекте большинства систем. Zsh — это более современная оболочка со множеством плюшек. По сравнению с bash улучшены автодополнение, алиасы, хоткеи. Всё, что может bash, zsh может тоже, так что не вижу причин не переходить. У пользователей OS X zsh уже есть на компьютере, а пользователям Linux, скорее всего, нужно его установить. В Ubuntu и Debian это делается просто:
Установка zsh в Ubuntu и Debian
Пользователи остальных систем наверняка справятся с установкой. Теперь нужно сделать, чтобы zsh был вашей оболочкой по умолчанию, то есть использовался каждый раз, когда вы открываете терминал. Для этого есть команда chsh (change shell):
Ввод пароля при смене шелла
Смена оболочки по умолчанию
Приветствие от zsh
Мы, ничего не делая, выйдем (нажмём q ), потому что знаем секрет. Секрет в том, что не нужно писать длинный конфиг, если вы новый пользователь: частые проблемы и хотелки уже решили другие, и родилась такая замечательная штука — Oh My ZSH. Это набор плагинов и настроек, которые решают самые популярные задачи и делают ваш шелл просто офигенным. Установим его, следуя инструкциям с официального сайта:
Установка прошла, но ничего не поменялось? Надо закрыть терминал и снова открыть его, чтобы настройки, которые приехали к нам из oh-my-zsh, прочитались и применились. Закрыли-открыли, теперь видим новое приветствие:
Приветствие шелла после установки Oh My ZSH!
Это стандартная тема oh-my-zsh под названием robbyrussell (по имени автора). Мы можем поставить любую из тем, которые поставляются с oh-my-zsh. Я, например, использую Bureau, когда-то я её писала, потому что не нашла подходящей. Чтобы поменять тему, напишите её название (маленькими буквами, как на странице со списком тем) в файле .zshrc . Он лежит в вашей домашней папке ( /Users/Ваш_логин или /home/ваш_логин ). Поскольку он начинается с точки, он скрыт. Включите отображение скрытых файлов. Тему нужно прописать в переменную ZSH_THEME , это в районе восьмой строки, вот так:
Меняем тему в конфиге с помощью переменной ZSH_THEME
Сохраните файл и снова перезапустите терминал (или откройте в нём новую вкладку). Теперь шелл выглядит по-новому:
Тема Bureau в шелле
Это тема Bureau. В верхней строчке сначала имя пользователя, потом имя машины, потом путь к папке, где пользователь сейчас находится. Справа текущее время. В следующей строке просто символы, которые обозначают, что ввод здесь, а справа после шестиугольника текущая версия Node.js, ветка Git (если пользователь сейчас в Git-репозитории), и кружочки, которые обозначают, что есть несохранённые изменения. В этой теме версия Node.js показывается только если вы используете Node Version Manager.
Тема Agnoster в шелле
А это тема Лёши, можете её взять из github и сохранить в папке ~/.oh-my-zsh/themes , или установить простой командой:
Не забудьте прописать тему meritt в вашем файле .zshrc .
Да и вообще, полистайте список тем и выберите ту, которая вам по душе. Или склейте свою из кусочков понравившихся тем, или даже напишите с нуля! Все темы лежат в папке ~/.oh-my-zsh/themes . Делитесь вашими темами: выкладывайте скриншоты и ссылки на файлы тем.
Читайте также: