Передача прикрепленного файла в формате JSON

У меня есть требование передать прикрепленный файл из HTML5 в серверную часть через формат JSON.

HTML: -

<input type = "file" name = "attachment" id = "idattach" onchange = "onattachclick();" accept = "text/*">

JavaScript: - мы должны прочитать вышеуказанный файл, преобразовать его в формат base64 и отправить в формате JSON. Пожалуйста, заполните ниже ????

var filecont = document.getElementById("idattach").files[0];
if (filecont) {                 
    var reader = new FileReader();
    reader.readAsBinaryString(filecont);
    ???????
}
base64.encode(???????);

Спасибо, Прасад.

var imageData = $ scope.image1.compressed.dataURL.toString (); var byteCharacters = atob (imageData.replace (/ ^ data: image \ / (png | jpeg | jpg); base64, / ‌, '')); var byteNumbers = новый массив (byteCharacters.length); для (var i = 0; i <byteCharacters.length; i ++) {byteNumbers [i] = byteCharacters.charCodeAt (i); } var byteArray = новый Uint8Array (byteNumbers); var blob = новый Blob ([byteArray], {type: undefined});

Ved Prakash 14.04.2018 20:30

попробуйте этот подход, может он сработает

Ved Prakash 14.04.2018 20:30

Я использовал приведенный выше код для кодирования изображения в angular js

Ved Prakash 14.04.2018 20:31

Спасибо за ваш ответ. у меня вопрос, как читать прикрепленный файл перед кодированием и прохождением через JSON.

Prasad Thudimella 15.04.2018 08:32
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
41
0

Другие вопросы по теме