Просто обновление функций HTML5 http://www.html5rocks.com/en/tutorials/file/dndfiles/ Эта замечательная статья объяснит детализация доступа к локальному файлу в Javascript. Резюме из упомянутой статьи:
Спецификация предоставляет несколько интерфейсов для доступа к файлам из «локальной» файловой системы :
или перетащить каталог файлов с рабочего стола). - Изменить -
См. комментарий Пола Д. Уэйта ниже
На geeksforgeeks.org есть отличный учебник по этой проблеме .
Я перевел их код для JavaScript, так как они не имели его на этом языке, и вы отметили его в своем вопросе:
//Code ported from: https://www.geeksforgeeks.org/program-find-area-circular-segment/
function AreaOfSegment(radius, angle) {
// Calculating area of sector
var areaOfSector = Math.PI * (radius * radius) *
(angle / 360);
// Calculating area of triangle
var areaOfTriangle = 0.5 * (radius * radius)
* Math.sin((angle * Math.PI) / 180);
return areaOfSector - areaOfTriangle;
}
//TEST
var radiusLabel = document.body.appendChild(document.createElement("label"));
radiusLabel.textContent = "Radius: ";
var radiusInput = radiusLabel.appendChild(document.createElement("input"));
radiusInput.type = "number";
radiusInput.step = "any";
radiusInput.min = "0";
radiusInput.value = "6371008.0";
var angleLabel = document.body.appendChild(document.createElement("label"));
angleLabel.textContent = "Angle: ";
var angleInput = angleLabel.appendChild(document.createElement("input"));
angleInput.type = "number";
angleInput.step = "any";
angleInput.min = "0";
angleInput.max = "360";
angleInput.value = "90";
var output = document.body.appendChild(document.createElement("p"));
function compute() {
var radius = parseFloat(radiusInput.value);
var angle = parseFloat(angleInput.value);
output.textContent = 'Area is: ' + AreaOfSegment(radius, angle).toString();
}
compute();
["change", "keyup", "mouseup"].forEach(function (evt) {
angleInput.addEventListener(evt, compute);
radiusInput.addEventListener(evt, compute);
});