Files and JS
Download as PPTX, PDF1 like4,746 views
Документ описывает различные методы работы с файлами в JavaScript, включая использование API File и FileReader для доступа к файлам. Рассматриваются техники перетаскивания файлов, работы с данными через буфер обмена и загрузку файлов с сервера. Упоминаются также библиотеки для парсинга форматов XLS и PDF, а также различные подходы к сохранению данных в браузере.
Files and JS
- 2. Файлы как запретный плод
- 3. Что же такое File в JS?
- 4. File и FileList API
- 6. Blob - это просто)
- 8. Как достать из него информацию?
- 9. Но нам нужно их прочитать!
- 11. Читаем
- 13. Как получить доступ к файлам?
- 14. ActiveX как решение проблемы var ExcelSheet = new ActiveXObject("Excel.Sheet"); ExcelSheet.ActiveSheet.Cells(1,1).Value = "A"; ExcelSheet.SaveAs("C:TEST.XLS");
- 15. Oooooups!
- 16. NPAPI как решение проблемы
- 19. Перетащи меня в браузер Input c типом “file“ Словить “drop“ событие на любом элементе CTRL+C -> CTRL+V Получить с сервера
- 20. Input c типом “file“ 1. <input type="file" /> 2. Слушаем событие “change” этого элемента 3. В IE10+ смотрим свойство files.
- 21. <input type="file" multiple />
- 23. Drag and drop
- 24. Перетащи меня в браузер Cловить drop и dragover Посмотреть в dataTransfer свойство пришедшего объекта Event
- 27. Webdrivers и Input поле Отправить самодельное событие drop
- 28. Copy/paste
- 29. CTRL+C и CTRL+V (Chrome) 1. Ловим событие paste 2. Заглядываем в clipboardData
- 31. CTRL+C и CTRL+V (Все) 1. Создаем <div contenteditable ></div> 2. Ловим paste 3. По Timeout берем содержимое (base64)
- 32. Ты крут!!!
- 34. Берем с сервера
- 35. Перетащи меня из браузера 1. Ловим dragstart 2. Даем ссылку: e.dataTransfer.setData("DownloadURL", "ap plication/pdf:doc.pdf:http://you.com");
- 36. Разрушаем мечты(
- 38. Что же нам делать с файлами на клиенте?
- 40. Парсим XSL и XSLX файлы XLS - https://github.com/SheetJS/js- xls XLSX - https://github.com/SheetJS/js- xlsx
- 42. Поддержка Браузеры: IE6+ (base64) Форматы: ZIP, base64, binary, XLSX, XLS M, XLSB.
- 43. Сжатие данных
- 45. zip.js Safari 5 и IE9 (до 4GB)
- 46. Парсинг PDF
- 48. PDF.js
- 50. Остальное Редактирование картинок Редактирование звуков Редактирование других форматов
- 51. Сохранени е
- 52. Сохранить 1. Iframe с ссылкой на файл (Chrome, FireFox) 2. execCommand (IE < 10) и msSaveOrOpenBlob(blob, defaultName ); 3. localStorage 4. indexDB
- 54. Ваши вопросы?